Skip to main content

HTML BACKGROUND IMAGES

HTML Background Images

In this Blog we learn that how to change background color in HTML and how to use background element in Backgrounds.

1.    In this blog we use Internal CSS to change a background.

2.    We given a code Below in this Blog and 

You can see on youtube video link here: Click Here


<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Image Background</title>

<style type="text/css">

body{background-image: url(D:\mybloglogo.png);

background-repeat: no-repeat;

background-attachment: fixed;

background-size: auto;}

</style>

</head>

<body>

<h2>What is Lorem Ipsum? </h2> 

<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </p>

</body>

</html>

You can paste this code into Sublime Text Editor and See how it is work.




Labels:

Comments

Post a Comment

Popular posts from this blog

TYPE OF HTML CSS

 Types of HTML CSS To change a HTML documents style Three Types to Add CSS in HTML 1.      Inline CSS: To using by <p style> change a style of HTML Attribute.      2.     Internal CSS: by using <style> tag in the below of <head> tag.           3.    External CSS : By using <link> element in link to external CSS file. INLINE CSS We use inline CSS in a line      Example : <p style=“color:green;”> Green Text </p> Here we use inline css… INTERNAL CSS In this section we use Internal CSS.      We use <style> element under the <head> section. Example:           <style>                 p {color:green ;}                      </style> EXTERNAL CSS External CSS create a new fil...
Post a Comment
Read more

HTML Basic

 How to Write HTML Tags All HTML document must start with <!DOCTYPE HTML> HTML Document start with <html> and end with </html> (that's call a start tag and end tags. The visible part of the document between <body> and </body> tags. Type of Heading Tags:  HTML document contains a 6 types of heading  we are heading describe with  <h1> heading 1 </h1> tags <h2>  heading 2  </h2>   <h3>  heading 3  </h3>   <h4>  heading 4  </h4>   <h5>  heading 5  </h5>   <h6>  heading 6  </h6> Every heading have a different fonts size. Example: Do practice and Touch with our blog  
Post a Comment
Read more

Change the Style Elements in HTML

 HTML Styles Elements  What you learn today Use Background-color   for background color html page. Use color attribute for text color Use font-family for text fonts Use font-size for text size. Use text-align for text alignment Youtube channel : Like and Subscribe my Channel Example <!DOCTYPE html> <html> <head> <title> style sheet </title> </head> <body style =" background-color:purple; " > <p style =" color:red; "> this is text color </p> <p style =" font-family:arial; " > font family using html </p> <p style =" font-size:200%; " > font size using html </p> <p style =" text-align:center; " > text align center using html </p> </body> </html>
Post a Comment
Read more