Guidance portal

World of Guidance and Education

Insert Background Image

In the previous chapter we learn how to insert background color but, In this chapter we learn how to insert images as a background.

Lets start by inserting image background on our whole website.The syntax of background color is shown below.

    <body background="your image.fomate of image">

    background: this show body background.

    your image: this show excet name of image.

    formate of image: this show image fomte like .jpg,png etc

    <!DOCTYPE HTML>
    <html>
    <head>

    <title>OUR FIRST WEB PAGE</title>
    </head>

    <body background="Main Home/logo copy.jpg">
    <p>&nbsp;</p>
    <h1 align="left"><strong><em>There is your contents </em></strong></h1>
    <h1 align="left">you can write every thing there</h1>
    <h1 align="left"> accurding to your requirmants</h1>
    </body>
    </html>

    background="Main Home/logo copy.jpg": shows the background image along with path of image.

    Browser view


Note

If you want to insert background who dont repeat the background image then you will use css style sheet.

 

comments powered by Disqus