<body id="iframe1body" tabindex="-1">

<!--anchor types-->
<a href="#" id="a2">anchor</a><br>
<img src ="abe.png" width="76" height="103" alt="honest abe" usemap ="#theMapName" />
<map name="theMapName" tabindex="2" id="map2">
  <area shape ="rect" coords ="0,0,76,50" href="#" target ="_blank" alt="rectArea1" tabindex="0" id="area2a"/>
  <area shape ="rect" coords ="0,50,76,103" href="#" target ="_blank" alt="rectArea2" tabindex="-1" id="area2b"/>
</map><br>

<!--media elements-->
<div id="div2a">
<audio controls src="../../../media/content/test.wav" tabindex="3" id="audio2"></audio><br>
<video controls tabindex="0" id="video2">
    <source src="../../../media/content/test.mp4" type="video/mpeg" id="source2">
</video><br>
</div>

<!--embedded elements-->
applet:<br>
<applet width="100" height="100" code="" id="applet2"></applet><br>
object:<br>
<object type="application/x-no-such-plugin" width="100" height="100" tabindex="3" id="object2"></object><br>
embed:<br>
<embed type="application/x-no-such-plugin" width="100" height="100" tabindex="0" id="embed2"></embed><br>

<!--presentation-related elements-->
<div id="div2b" tabindex="-1">
<abbr title="the tooltip" id="abbr2">abbr makes a tooltip</abbr><br>
<acronym title="the tooltip" tabindex="2" id="acronym2">acronym makes a tooltip</acronym><br>
<bdo dir="rtl" tabindex="0" id="bdo2">text going right-to-left</bdo><br>
a blockquote:<blockquote tabindex="-1" id="blockquote2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis eu nisi. Fusce aliquet massa non felis. Sed consectetuer. In hac habitasse platea dictumst. Nunc vitae nulla. Quisque tristique sollicitudin libero.</blockquote>
a short quote:<q id="q2">Veni, Vidi, Vici</q>
<p tabindex="3" id="p2">paragraph</p>
line break:<br tabindex="0" id="br2">
horizontal rule:<hr tabindex="-1" id="hr2">
<marquee id="marquee2">marquee text</marquee>
<center tabindex="3" id="center2">centered text</center>
</div>

<!--font style tags-->
<b tabindex="0" id="b2">Bold text</b><br>
<big tabindex="-1" id="big2">Big text</big><br>
<i id="i2">Italic text</i><br>
<small tabindex="2" id="small2">Small text</small><br>
<tt tabindex="0" id="tt2">Teletype text</tt><br>

<!--canvas element-->
<div id="div2c" tabindex="-1">
canvas:<br>
<canvas width='200' height='100' id="canvas2"></canvas><br>
</div>

<!--Phrase elements-->
<em tabindex="2" id="em2">em</em><br>
<strong tabindex="0" id="strong2">strong</strong><br>
<dfn tabindex="-1" id="dfn2">dfn</dfn><br>
<code id="code2">code</code><br>
<samp tabindex="1" id="samp2">samp</samp><br>
<kbd tabindex="0" id="kbd2">kbd</kbd><br>
<var tabindex="-1" id="var2">var</var><br>
<cite id="cite2">cite</cite><br>

<!--heading tags-->
<div id="div2d" tabindex="2">
<h1 tabindex="0" id="h1_2">Heading 1</h1>
<h2 tabindex="-1" id="h2_2">Heading 2</h2>
<h3 id="h3_2">Heading 3</h3>
<h4 tabindex="3" id="h4_2">Heading 4</h4>
<h5 tabindex="0" id="h5_2">Heading 5</h5>
<h6 tabindex="-1" id="h6_2">Heading 6</h6>
</div>

<!--other style-related tags-->
<s id="s2">strikethrough (sTag)</s><br>
<strike tabindex="3" id="strike2">strikethrough (strikeTag)</strike><br>
<sub tabindex="0" id="sub2">subscript</sub><br>
<sup tabindex="-1" id="sup2">superscript</sup><br>
<u id="u2">underlined</u><br>
<del tabindex="2" id="del2">delete</del><br>
<ins tabindex="0" id="ins2">insert</ins><br>
<pre tabindex="-1" id="pre2">preformatted</pre>
basic usage of <font id="font2">font</font> tag<br>
basic usage of <span tabindex="2" id="span2">span</span> tag<br>

<!--tables-->
<div id="div2e" tabindex="0">
<table border="1" tabindex="-1" id="table2">
<caption id="caption2">table caption</caption>
<colgroup span="2" tabindex="2" id="colgroup2">
<col width="100" tabindex="0" id="col2a"></col>
<col width="250" tabindex="-1" id="col2b"></col>
</colgroup>
<thead id="thead2"><tr><th tabindex="2" id="th2">
table header
</th></tr></thead><tbody tabindex="0" id="tbody2">
<tr tabindex="-1" id="tr2">
<td id="td2a">table cell 1</td>
<td tabindex="3" id="td2b">table cell 2</td>
<td tabindex="0" id="td2c">table cell 3</td>
</tr></tbody>
<tfoot tabindex="-1" id="tfoot2"><tr><td>
table footer
</td></tr></tfoot>
</table>
</div>

<!--definition list-->
<dl id="dl2">definition list
<dt tabindex="3" id="dt2a">term1</dt>
<dd tabindex="0" id="dd2a">definition1</dd>
<dt tabindex="-1" id="dt2b">term2</dt>
<dd id="dd2b">definition2</dd>
</dl>
    
<!--lists -->
<div id="div2f" tabindex="2">
<ul tabindex="0" id="ul2">unordered list
<li tabindex="-1" id="li2a"> ul li
</ul>
<ol id="ol2">ordered list
<li tabindex="3" id="li2b"> ol li
</ol>
<menu tabindex="0" id="menu2">menu list
<li tabindex="-1" id="li2c"> menu li
</menu>
<dir id="dir2">directory list
<li tabindex="3" id="li2d"> dir li
</dir>
</div>

<!--images-->
<image src="abe.png" tabindex="0" id="image2"><br>
<img src="abe.png" tabindex="-1" id="img2"><br>

<!--forms-->
<div id="div2g">
<form tabindex="2" id="form2">
<fieldset tabindex="0" id="fieldset2">
    <legend id="legend2" tabindex="-1">legend</legend>
</fieldset>
<select id="select2" tabindex="3" multiple>
    <optgroup label="group1" tabindex="0" id="optgroup2">
        <option tabindex="-1" id="option2a">option1</option>
        <option>option2</option>
    </optgroup>
    <optgroup label="group2">
        <option>option3</option>
        <option id="option2b">option4</option>
    </optgroup>
</select><br>
<textarea id="textarea2" tabindex="3">textarea</textarea><br>
<input type="text" id="text2" value="text" tabindex="0"><br>
<input type="checkbox" id="checkbox2" tabindex="2"><br>
<input type="radio" id="radioChoice2a" name="radio2" tabindex="-1"><br>
<label id="label2"><input type="radio" name="radio2" tabindex="2">label for radio button</label><br>
<input type="file" id="file2" tabindex="0"><br>
input type="hidden"<input type="hidden" id="hidden2"><br>
input type="image"<input type="image" id="inputImage2" src="abe.png" tabindex="0"><br>
<button id="button2" tabindex="-1">button</button><br>
<input type="button" id="inputButton2" value="inputButton"><br>
<input type="search" id="search2" placeholder="search" tabindex="2"><br>
<input type="password" id="password2"><br>
<input type="range" id="range2" tabindex="0"><br>
<input type="submit" id="submit2" tabindex="-1">
<input type="reset" id="reset2"><br>
</form>
</div>

</body>
