How to add background image from paint to HTML?
when any one making a websites then needs some websites pages to display important information but
information is many types located at website in particular areas like home page has several hyper links
and main information about websites and service page exist that information which service provided
by websites owner etc.
It is very important every thing show perfectly and smoothly ,so need some color full impression like
good images and beautiful background .
learn how to add background images from pain to HTML program step by step
Firstly you thing about your web page like which type of image you want to insert in background ,like according to themes natural themes ,wood themes or any full image .here we tell you two type of
ways insert an images in html programs.
(a) crate a creative background by paint to HTML programs
1.create a beautiful image and save it
click at the start button and then click at all programs and click at Accessories and click at paint option
(open paint application)
2.creating a html code and set background
click at the start button and click at all programs and click at the Accessories option and click at the notepad (open notepad application programs) and type these code
<html>
<head>
<title>set background</title>
</head>
<body background="background.png">
<h1>this is beautiful background image</h1>
</body>
</html>
choose your folder and type index.html and select all fill type
like this
3.Run a HTML page
now open your folder and double click at the index.html your file open with in any
web browser like chrome or internet explorer etc.and you see output this type
if you want insert full image in background then open your image in paint application and save
it in your folder and apply same method.
<html>
<head>
<title>set background</title>
</head>
<body background="background.png">
<!--at the place of<body background="background.png"> given the location or path of images-->
or
<!--<body background="C:\Users\Public\Pictures\Sample Pictures\Chrysanthemum.jpg"-->
or
<!---
<body background="https://www.google.co.in//images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"-->
<h1>this is beautiful background image</h1>
</body>
</html>
you can set any one method which you want to set background in HTML programs.
0 comments:
Post a Comment