How to Background Image in HTML

The HTML background attribute is used to set the background image for an HTML page.
But HTML5 deprecate the background attribute so we can use CSS instead.
The background-image CSS property is used to set the background image in the HTML.

Syntax for set background image in HTML

<body background="URL"> </body>

Syntax for set background image in HTML Using CSS

<body style="background-image:url(file_name)"> </body>

Difference between HTML4.01 and HTML 5:

HTML 4.01:

HTML4 supports background attribute.

HTML 5:

HTML5 does not supports background attribute.

Sample coding for set background image in HTML:

Tryit<!DOCTYPE html>
<html>
   <head>
        <title>Wikitechy set background image in HTML </title>
   </head>
    <body background="icon.png">
        <h1>How To Set Background Image In Html</h1>
    </body>
</html>

Code Explanation for set background image in HTML

code explanation for background image in HTML

The background Attribute is used to set the background image for the HTML document.

Sample coding for set background image in HTML Using CSS

Tryit<!DOCTYPE html>
<html>
   <head>
        <title>Wikitechy set background image in HTML </title>
   </head>
    <body style="background-image:url(icon.png)">
        <h1>How To Set Background Image In Html</h1>
    </body>
</html>

Code Explanation for set background image in HTML Using CSS

code explanation for background image in HTML Using CSS

The style Attribute is used to set the background-image for the HTML document Using CSS the url property is used to specify the URL of the image file.

Output for set background image in HTML

The output shows that the HTML page with a background image

Browser Support for background image in HTML


Yes	Yes	Yes	Yes	Yes

Related Searches to How to Background Image in HTML

how to set background image in html5 using css html5 background image full screen html5 background image fit to screen html5 background image size html5 background image animation html5 background image responsive html5 background image opacity how to add background color in html5 background images background image css html background image css background image background image html white background images css background image size how to set background image in html how to add background image in html html background image sizesvg in html html body background html div background color html body background image html background image no repeat set background image html how to add a background image in html image url html