How do I insert an image in HTML?

Hello there,

I have received a mail in which I saw an Image file, which is of .jpeg extension then I was wondering to have another image file with the same extension in my mail account with my signature.

I am little assure that this is possible because when we see the source code of mail account it displays with the HTML language, So if any one come across any kind of such things please let me.

Yours Help will be Appreciated.

Hey what do you really want to do?
Can you make it simpler to understand what exactly you are looking for?
What do you mean by " How do I insert an image in HTML? "

Quote:

---

I was wondering to have another image file with the same extension in my mail account with my signature.

---

To display an image in your HTML document, use the img element, which has a number of attributes to configure the image display.

Code:

---

<img
    src="./Example.jpg"
    width="200"
    height="150"
    alt="Example image">

---

The src attribute is for the name of the image file. In this example the image is named Example.jpg and is located in the same directory as your HTML document.

The width and height attributes specify the dimensions of your image in pixels, which helps Web browsers to render the image on screen. Finally, the alt attribute is for a description of the image content to display in case users have switched off image display, so they understand what they are missing.

To insert an image in an HTML file we use the <img> tag. For example, to insert an image called photo.png, located in the same directory as the file that is going to show it, we write:

Code:

---

<img src="photo.png" alt="description of the photo"></img>

---

The alt tag serves as an alternative, textual description of the image. This description is shown when we hover with the mouse over the image, but it is also used by speech browsers like JAWS or text-only browsers like Lynx instead of the image file, to convey an idea of the image object to people with disabilities, see day 23 of the 30-day Dive Into Accessibility.

In case your image is included in a different folder, say images/, as is often the case with PHP-Nuke, the code looks like:

Code:

---

<img src="http://forums.techarena.in/images/photo.png" alt="description of the photo"></img>

---

You can also make the image clickable, combining the two techniques of creating a link and inserting an image:

Code:

---

<a href="http://www.karakas-online.de/EN-Book/">
<img src=" http://www.karakas-online.de/EN-Book/images/nuke.png"
alt="PHP-Nuke HOWTO"></img></a>

---