Photo Addition
One of the important components of a web page is the image. By using appropriate images on the webpage, the page becomes interesting to users and is also used as a friendly one. The use of images in attractive navigation bars, buttons, banners, etc. is essential. The essential tag for adding images or images to the web page is <img>. There are no end tags. There is no work with <img>, always with the src attribute to use. For example, <img src = "pic.png">, then the image of pic.png will be displayed.
Preparation
A webpage named "Desktop" should be placed on the desktop, in it there should be a picture saved in pic.png.
Example Programs
<Html>
<Head>
<Title> www.dolohost.com </ title>
</ Head>
<Body bgcolor = "green" style = "text-align: center">
<H3> This is an example of image. </ H3>
<Img src = "pic.png">
</ Body>
</ Html>
Open a Notepad by typing the code above and clicking Save as from the File menu, index.html or home.html or any other name, with HTML, select All files as Save as type, and then click on the Save button. Then save the saved index.html file in the webpage folder. Now open index.html with Mozilla Firefox and look like the next picture.
If an image is uploaded to the server online, then add the image to its address pic.png. Such as
<Img src = "http://www.dolohost.com/bangla/html/images/pic.png">
One of the important components of a web page is the image. By using appropriate images on the webpage, the page becomes interesting to users and is also used as a friendly one. The use of images in attractive navigation bars, buttons, banners, etc. is essential. The essential tag for adding images or images to the web page is <img>. There are no end tags. There is no work with <img>, always with the src attribute to use. For example, <img src = "pic.png">, then the image of pic.png will be displayed.
Preparation
A webpage named "Desktop" should be placed on the desktop, in it there should be a picture saved in pic.png.
Example Programs
<Html>
<Head>
<Title> www.dolohost.com </ title>
</ Head>
<Body bgcolor = "green" style = "text-align: center">
<H3> This is an example of image. </ H3>
<Img src = "pic.png">
</ Body>
</ Html>
Open a Notepad by typing the code above and clicking Save as from the File menu, index.html or home.html or any other name, with HTML, select All files as Save as type, and then click on the Save button. Then save the saved index.html file in the webpage folder. Now open index.html with Mozilla Firefox and look like the next picture.
If an image is uploaded to the server online, then add the image to its address pic.png. Such as
<Img src = "http://www.dolohost.com/bangla/html/images/pic.png">
No comments:
Post a Comment