<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/styles/XMLStylesDoc_xhtml10_en.xsl"?><!DOCTYPE document SYSTEM "/schemas/XMLStyles10.dtd">
<document xmlns="http://XMLStyles.com/namespaces/styles" xmlns:xst="http://XMLStyles.com/namespaces/styles" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:date="http://exslt.org/dates-and-times">
   <noxml>
      <p xmlns="http://www.w3.org/1999/xhtml"/>
      <!-- You are viewing the source.  The following message should be ignored if you did "View Source" in your browser. -->
      <p xmlns="http://www.w3.org/1999/xhtml">
ATTENTION: XML WEB PAGES NOT SUPPORTED
   If you see this message, your current browser does not support the
   1999 XSLT 1.0 (or later) standard for XML web pages such as this one.
   Please upgrade your browser to a newer version
   that supports 1999 or later standards such as:
      Mozilla Firefox version 1.0.2 or later (GetFirefox -&gt; http://www.GetFirefox.com/)
      Netscape version 8 or later
      Safari version 1.3 or later
      Opera version 9 or later
      Microsoft Internet Explorer (MSIE) version 5 or later
   For further assistance, contact the software vendor for your browser.
   To go to the X<!-- extended HTML -->HTML version of this page click the following link:
<a href="index.html">index.html</a>
      </p>
      <p xmlns="http://www.w3.org/1999/xhtml">&#160;</p>
   </noxml>
   <path>/tags/img-tag/</path>
   <site>HTML 5 Reference</site>
   <logo xlink:type="simple" xlink:href="/images/html-5.jpg" media="screen" width="156" height="27">HTML 5 Reference</logo>
   <logo xlink:type="simple" xlink:href="/images/html-5.jpg" media="print" width="156" height="27">HTML 5 Reference</logo>
   <logo xlink:type="simple" xlink:href="/images/html-5.jpg" media="handheld" width="150" height="17">HTML 5 Reference</logo>
   <navigation where="sections">
      <label>HTML 5 Reference</label>
      <link xlink:type="simple" xlink:href="/index.xml">Home</link>
      <link xlink:type="simple" xlink:href="/tutorial/index.xml">Tutorial</link>
      <link xlink:type="simple" xlink:href="/tags/index.xml">HTML5 Tags</link>
      <link xlink:type="simple" xlink:href="/attributes/index.xml">Attributes</link>
      <link xlink:type="simple" xlink:href="/css-styles/index.xml">CSS Styles</link>
      <link xlink:type="simple" xlink:href="/metatags/index.xml">Metatags</link>
      <link xlink:type="simple" xlink:href="/cheat-sheet/index.xml">Cheat Sheet</link>
      <link xlink:type="simple" xlink:href="/examples/index.xml">Examples</link>
      <link xlink:type="simple" xlink:href="/definitions/index.xml">Definitions</link>
      <link xlink:type="simple" xlink:href="/diffs/index.xml">Differences</link>
      <link xlink:type="simple" xlink:href="/avoid/index.xml">Avoid</link>
      <link xlink:type="simple" xlink:href="/faqs/index.xml">HTML5 FAQs</link>
      <link xlink:type="simple" xlink:href="/prod/rssfeeds.cgi">RSS Feeds</link>
      <link xlink:type="simple" xlink:href="/prod/help/index.cgi">Help</link>
   </navigation>
   <navigation where="left">
      <label>HTML 5 Reference</label>
      <link xlink:type="simple" xlink:href="/tutorial/index.xml">HTML Tutorial</link>
      <link xlink:type="simple" xlink:href="/tags/index.xml">HTML 5 Tags</link>
      <link xlink:type="simple" xlink:href="/attributes/index.xml">HTML Attributes</link>
      <link xlink:type="simple" xlink:href="/css-styles/index.xml">CSS Styles</link>
      <link xlink:type="simple" xlink:href="/metatags/index.xml">HTML Metatags</link>
      <link xlink:type="simple" xlink:href="/cheat-sheet/index.xml">Cheat Sheet</link>
      <link xlink:type="simple" xlink:href="/examples/index.xml">HTML Examples</link>
      <link xlink:type="simple" xlink:href="/definitions/index.xml">Definitions</link>
      <link xlink:type="simple" xlink:href="/diffs/index.xml">HTML 5 Changes</link>
      <link xlink:type="simple" xlink:href="/avoid/index.xml">Things to Avoid</link>
      <link xlink:type="simple" xlink:href="/faqs/index.xml">HTML 5 FAQs</link>
      <link xlink:type="simple" xlink:href="/prod/help/index.cgi">Help</link>
      <link xlink:type="simple" xlink:href="/prod/help/index.cgi?p=about">About</link>
   </navigation>
   <section type="body">
      <pages name="index">
         <navigation media="handheld" where="up">
            <link xlink:type="simple" xlink:href="../index.mobile.html">HTML Tags</link>
         </navigation>
         <navigation media="handheld" where="next">
            <link xlink:type="simple" xlink:href="../input-tag/index.mobile.html">The &lt;input&gt; Tag</link>
         </navigation>
         <page id="N100AC" name="index">
            <title>HTML &lt;img/&gt; Tag</title>
            <subpage id="N100B0" name="reference">
               <title>The &lt;img/&gt; Tag</title>
               <h2>The <code>&lt;img/&gt;</code> tag in HTML 5</h2>
               <p>Since <span class="outlined">img</span> is a
                  <link xlink:type="simple" xlink:href="../../definitions/#void-element">void element</link>,
                  it should always be coded as an <link xlink:type="simple" xlink:href="../../definitions/#tag">empty tag</link>:
                  <code>&lt;img .../&gt;</code>.
               </p>
            </subpage>
            <h3>Converting to HTML 5</h3>
            <p>We are working on <link xlink:type="simple" xlink:href="../../tutorials/converting-to-html-5.html">converting to HTML 5</link>.
               Please visit <link xlink:type="simple" xlink:href="../img-tag/index.html">HTML &lt;img&gt; Tag</link> on the
               <link xlink:type="simple" xlink:href="http://www.HTML-5.com/index.html">HTML 5 standard</link> version of this site.
            </p>
            <subpage id="N100DF" name="syntax">
               <label>Syntax</label>
               <title>&lt;img&gt; Tag Syntax</title>
               <h3>Syntax of the &lt;img&gt; tag</h3>
            </subpage>
            <subpage id="N100E7" name="attributes">
               <label>Attributes</label>
               <title>Attributes of the &lt;img&gt; Tag</title>
               <h3>Attributes of the &lt;img&gt; tag</h3>
               <dl>
                  <di>
                     <dt>
                        <code/> attribute</dt>
                     <dd>The <code/> attribute
                     </dd>
                     <dt>common attributes</dt>
                     <dd>In addition to the attributes above, which are specific to the &lt;img&gt; tag, any of the
                        <link xlink:type="simple" xlink:href="../../attributes/">common HTML attributes</link>
                        can also be used.
                     </dd>
                  </di>
               </dl>
               <h3>HTML Best Practices for Usage of the &lt;img&gt; Tag</h3>
               <p>Include a description of the image in the <code>alt</code> attribute of each
                  <code>img</code> tag for use by non-visual clients such as auditory browsers,
                  and as an alternative in case the image is unavailable for some reason.
               </p>
            </subpage>
            <subpage id="examples" name="examples">
               <label>Examples</label>
               <title>HTML 5 Examples</title>
               <h3>Examples of the <code>img</code> tag in HTML 5</h3>
               <blockcode>
                  <l>&lt;img src="html-5-logo.png" alt="HTML-5"/&gt;</l>
                  <l/>
                  <l/>
               </blockcode>
            </subpage>
            <subpage id="differences" name="differences">
               <label>Differences</label>
               <title>Changes in HTML 5</title>
               <h3>What's new in HTML 5</h3>
               <h3>Differences between HTML 5 and earlier versions</h3>
               <p>The following attributes should <i>not</i> be coded on the &lt;img&gt; tag
                  because they either have been deprecated or were never officially supported:
               </p>
               <ul>
                  <li style="text-decoration: line-through">align</li>
                  <li style="text-decoration: line-through">border</li>
                  <li style="text-decoration: line-through">controls</li>
                  <li style="text-decoration: line-through">dynsrc</li>
                  <li style="text-decoration: line-through">hspace</li>
                  <li style="text-decoration: line-through">loop</li>
                  <li style="text-decoration: line-through">start</li>
                  <li style="text-decoration: line-through">vspace</li>
               </ul>
            </subpage>
            <updated local="2010-09-19">Sunday September 19, 2010</updated>
         </page>
      </pages>
   </section>
   <copyright>Copyright © 2010 Accilent<span class="sup">®</span> Corp. Alteration of content, including addition of any function such as hypertext links or pop-up advertising, or interference with the hypertext links or other functions of this site is expressly prohibited.</copyright>
   <disclaimer>All information, links, forms, applications and other items on this site or obtained from it are provided <b>AS IS</b>, WITHOUT WARRANTY OF ANY KIND EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.</disclaimer>
</document>

