<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN" "http://www.wapforum.org/DTD/wml13.dtd">
<wml>
 <!-- page name="index"-->
 <template>
  <do optional="false" label="Back Up" type="accept">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#index"/>
  </do>
 </template>
 <card ordered="true" newcontext="false" id="index">
  <do optional="false" label="Back Up" type="accept">
   <noop/>
  </do>
  <do optional="false" label="Back" type="prev">
   <prev/>
  </do>
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#reference"/>
  </do>
  <a href="#reference" accesskey="1">The &lt;img/&gt; Tag</a>
  <br/>
  <a href="#syntax" accesskey="2">Syntax</a>
  <br/>
  <a href="#attributes" accesskey="3">Attributes</a>
  <br/>
  <a href="#examples" accesskey="4">Examples</a>
  <br/>
  <a href="#differences" accesskey="5">Differences</a>
  <br/>
 </card>
 <card ordered="true" newcontext="false" id="reference">
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#syntax"/>
  </do>
  <!-- h2 -->
  <h2>The &lt;img/&gt; tag in HTML 5</h2>
  <p>Since <span class="outlined">img</span> is a <a href="../../definitions/#void-element">void element</a>, it should always be coded as an <a href="../../definitions/#tag">empty tag</a>: &lt;img .../&gt;. </p>
  <p align="left">
   <a href="#syntax">Next: Syntax</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
 <card ordered="true" newcontext="false" id="syntax">
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#attributes"/>
  </do>
  <!-- h3 -->
  <h3>Syntax of the &lt;img&gt; tag</h3>
  <p align="left">
   <a href="#attributes">Next: Attributes</a>
   <br/>
   <a href="#reference">Prev: The &lt;img/&gt; Tag</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
 <card ordered="true" newcontext="false" id="attributes">
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#examples"/>
  </do>
  <!-- h3 -->
  <h3>Attributes of the &lt;img&gt; tag</h3>
  <!--TO DO: uses XMLStyles_wml1.xsl - delete XMLStyles_wml.xsl-->
  <p align="left"> attribute</p>
  <p align="left">The  attribute </p>
  <p align="left">common attributes</p>
  <p align="left">In addition to the attributes above, which are specific to the &lt;img&gt; tag, any of the <a href="../../attributes/">common HTML attributes</a> can also be used. </p>
  <!-- h3 -->
  <h3>HTML Best Practices for Usage of the &lt;img&gt; Tag</h3>
  <p>Include a description of the image in the alt attribute of each img 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>
  <p align="left">
   <a href="#examples">Next: Examples</a>
   <br/>
   <a href="#syntax">Prev: Syntax</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
 <card ordered="true" newcontext="false" id="examples">
  <do optional="false" type="options" label="Next">
   <go enctype="application/x-www-form-urlencoded" method="get" sendreferer="true" href="#differences"/>
  </do>
  <!-- h3 -->
  <h3>Examples of the img tag in HTML 5</h3>
  <p align="left">&lt;img src="html-5-logo.png" alt="HTML-5"/&gt;</p>
  <p align="left">
   <a href="#differences">Next: Differences</a>
   <br/>
   <a href="#attributes">Prev: Attributes</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
 <card ordered="true" newcontext="false" id="differences">
  <!-- h3 -->
  <h3>What's new in HTML 5</h3>
  <!-- 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>
  <p align="left"/>
  <p align="left">
   <a href="#examples">Prev: Examples</a>
   <br/>
   <a href="#index">Back Up: Menu</a>
   <br/>
  </p>
 </card>
</wml>

