Go Back   TechArena Community > Software > Software Development
Become a Member!
Forgot your username/password?
Register Tags Active Topics RSS Search Mark Forums Read

Sponsored Links



How do I insert an image in HTML?

Software Development


Reply
 
Thread Tools Search this Thread
  #1  
Old 05-02-2009
Member
 
Join Date: Feb 2009
Posts: 72
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.

Reply With Quote
  #2  
Old 05-02-2009
Member
 
Join Date: Jun 2008
Posts: 144
Re: How do I insert an image in HTML?

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.
Reply With Quote
  #3  
Old 05-02-2009
Member
 
Join Date: Mar 2008
Posts: 192
Re: How do I insert an image in HTML?

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.
Reply With Quote
  #4  
Old 05-02-2009
Member
 
Join Date: Mar 2008
Posts: 227
Re: How do I insert an image in HTML?

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>
Reply With Quote
Reply

  TechArena Community > Software > Software Development
Tags: , , ,



Thread Tools Search this Thread
Search this Thread:

Advanced Search


Similar Threads for: "How do I insert an image in HTML?"
Thread Thread Starter Forum Replies Last Post
Insert HTML text box - Empty Shell - Software Development 10 23-12-2010 04:22 AM
How to insert JavaScript into HTML file? Shekhar12 Software Development 3 24-11-2009 05:49 PM
How to insert Flash movie in HTML web page Lishi Software Development 3 03-10-2009 12:45 AM
How to insert an em dash in MS Word and HTML Vania Windows Software 2 16-05-2009 12:51 PM
insert url of a video in a html code Richard B Rufus Software Development 4 10-02-2009 10:59 AM


All times are GMT +5.5. The time now is 01:49 AM.