Results 1 to 4 of 4

Thread: How do I insert an image in HTML?

  1. #1
    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.

  2. #2
    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? "
    I was wondering to have another image file with the same extension in my mail account with my signature.

  3. #3
    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.

  4. #4
    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>

Similar Threads

  1. Insert HTML text box
    By - Empty Shell - in forum Software Development
    Replies: 10
    Last Post: 23-12-2010, 03:22 AM
  2. How to insert JavaScript into HTML file?
    By Shekhar12 in forum Software Development
    Replies: 3
    Last Post: 24-11-2009, 04:49 PM
  3. How to insert Flash movie in HTML web page
    By Lishi in forum Software Development
    Replies: 3
    Last Post: 02-10-2009, 11:45 PM
  4. How to insert an em dash in MS Word and HTML
    By Vania in forum Windows Software
    Replies: 2
    Last Post: 16-05-2009, 11:51 AM
  5. insert url of a video in a html code
    By Richard B Rufus in forum Software Development
    Replies: 4
    Last Post: 10-02-2009, 09:59 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •