How do I add a picture (JPEG format) to a web page using HTML?

6 Responses to How do I add a picture (JPEG format) to a web page using HTML?

1. warning9 | December 10, 2009 at 4:27 pm |

   Upload it to http://imageshack.us and then they will show you the code you need to add it to myspace (HTML).

   Report this comment
   

2. Shri | December 10, 2009 at 5:30 pm |

   Host the picture on one of these free image/video hosting sites and then reference it with the following HTML code in the comment box.

   Report this comment
   

3. love_guddu04 | December 10, 2009 at 6:27 pm |

   You do that using image tag. Place this following HTML code wherever you want your image to appear.

   width: image width
   height: image height
   alt: alternative tag in case the picture doesn’t show, it will show the text you typed there. You can type any text you want inside these two quotes (“”).

   Let me know if you need anymore help.

   Report this comment
   

4. varunM | December 10, 2009 at 7:27 pm |

   Use IMG Tag and give your filename

   Report this comment
   

5. Aravind C | December 10, 2009 at 8:27 pm |

   Hi,

   Use the following tag inside your html:

   tag expalined: src means source. so you could put something like c:myimage.jpeg or a url pointing to the image like http://us.i1.yimg.com/us.yimg.com/i/us/sch/gr/yahoo_answers_logo_1.gif

   next is the alt attribute which is the alternate text for your image -add anything descriptive or you can ignore the attribute and similar is the border attribute.

   Report this comment
   

6. KoolBluez | December 10, 2009 at 9:27 pm |

   For putting a picture online… you should either upload it online using a webstorage medium like Imageshack.us(for pics) or you should be running a webserver. Then just refer to it in your webpage as follows

   Almost all image-tagging in a single statement (forget image-maps)

   Take this:

   Here… src=”xxxxx” means source of image is the whole pathname where it presently exists (for example upload it to http://imageshack.us/ as mentioned earlier).
   Note: You can also give the relative path in a directory.. but hey.. that’ll call in another tag by the name ‘base’ in the webpage header…
   You can align it using align=”xxx” where xxx’ll be replaced by top, middle & bottom.. bottom is default ,by the way.
   Height & width in pixels as denoted above…
   border=”0″ if you don’t want a border for the image.. any other no. for a border.. .the bigger the no. the thicker the border.
   alt=”xxxxx” means to display any alternate text in case the picture doesn’t exist (also useful as a tag to the image… just hover the mouse over image for a second & you’ll see the tag)

   Finally xxxxxxxx is used to add a hyperlink to the image so that you can access another link when you click on the image.

   http://www.w3schools.com/html/html_images.asp

   Report this comment