<body id="iframe2body" tabindex="1" onblur="parent.parent.stopTest=true;">

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

<!--media elements-->
<div id="div4a" tabindex="0">
<audio controls src="../../../media/content/test.wav" tabindex="-1" id="audio4"></audio><br>
<video controls id="video4">
    <source src="../../../media/content/test.mp4" type="video/mpeg" id="source4">
</video><br>
</div>

<!--embedded elements-->
applet:<br>
<applet width="100" height="100" code="" tabindex="0" id="applet4"></applet><br>
object:<br>
<object type="application/x-no-such-plugin" width="100" height="100" tabindex="-1" id="object4"></object><br>
embed:<br>
<embed type="application/x-no-such-plugin" width="100" height="100" id="embed4"></embed><br>

<!--presentation-related elements-->
<div id="div4b" tabindex="3">
<abbr title="the tooltip" tabindex="0" id="abbr4">abbr makes a tooltip</abbr><br>
<acronym title="the tooltip" tabindex="-1" id="acronym4">acronym makes a tooltip</acronym><br>
<bdo dir="rtl" id="bdo4">text going right-to-left</bdo><br>
a blockquote:<blockquote tabindex="3" id="blockquote4">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 tabindex="0" id="q4">Veni, Vidi, Vici</q>
<p tabindex="-1" id="p4">paragraph</p>
line break:<br id="br4">
horizontal rule:<hr tabindex="2" id="hr4">
<marquee tabindex="0" id="marquee4">marquee text</marquee>
<center tabindex="-1" id="center4">centered text</center>
</div>

<!--font style tags-->
<b id="b4">Bold text</b><br>
<big tabindex="1" id="big4">Big text</big><br>
<i tabindex="0" id="i4">Italic text</i><br>
<small tabindex="-1" id="small4">Small text</small><br>
<tt id="tt4">Teletype text</tt><br>

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

<!--Phrase elements-->
<em tabindex="-1" id="em4">em</em><br>
<strong id="strong4">strong</strong><br>
<dfn tabindex="2" id="dfn4">dfn</dfn><br>
<code tabindex="0" id="code4">code</code><br>
<samp tabindex="-1" id="samp4">samp</samp><br>
<kbd id="kbd4">kbd</kbd><br>
<var tabindex="3" id="var4">var</var><br>
<cite tabindex="0" id="cite4">cite</cite><br>

<!--heading tags-->
<div id="div4d" tabindex="-1">
<h1 id="h1_4">Heading 1</h1>
<h2 tabindex="3" id="h2_4">Heading 2</h2>
<h3 tabindex="0" id="h3_4">Heading 3</h3>
<h4 tabindex="-1" id="h4_4">Heading 4</h4>
<h5 id="h5_4">Heading 5</h5>
<h6 tabindex="2" id="h6_4">Heading 6</h6>
</div>

<!--other style-related tags-->
<s tabindex="0" id="s4">strikethrough (sTag)</s><br>
<strike tabindex="-1" id="strike4">strikethrough (strikeTag)</strike><br>
<sub id="sub4">subscript</sub><br>
<sup tabindex="1" id="sup4">superscript</sup><br>
<u tabindex="0" id="u4">underlined</u><br>
<del tabindex="-1" id="del4">delete</del><br>
<ins id="inst4">insert</ins><br>
<pre tabindex="1" id="pre4">preformatted</pre>
basic usage of <font tabindex="0" id="font4">font</font> tag<br>
basic usage of <span tabindex="-1" id="span4">span</span> tag<br>

<!--tables-->
<div id="div4e">
<table border="1" tabindex="2" id="table4">
<caption tabindex="0" id="caption4">table caption</caption>
<colgroup span="2" tabindex="-1" id="colgroup4">
<col width="100" id="col4a"></col>
<col width="250" tabindex="3" id="col4b"></col>
</colgroup>
<thead tabindex="0" id="thead4"><tr><th tabindex="-1" id="th4">
table header
</th></tr></thead><tbody id="tbody4">
<tr tabindex="3" id="tr4a">
<td tabindex="0" id="td4a">table cell 1</td>
<td tabindex="-1" id="tr4b">table cell 2</td>
<td id="td4b">table cell 3</td>
</tr></tbody>
<tfoot tabindex="2" id="tfoot4"><tr><td>
table footer
</td></tr></tfoot>
</table>
</div>

<!--definition list-->
<dl tabindex="0" id="dl4">definition list
<dt tabindex="-1" id="dt4a">term1</dt>
<dd id="dd4a">definition1</dd>
<dt tabindex="1" id="dt4b">term2</dt>
<dd tabindex="0" id="dd4b">definition2</dd>
</dl>
    
<!--lists -->
<div id="div4f" tabindex="-1">
<ul id="ul4">unordered list
<li tabindex="1" id="li4a"> ul li
</ul>
<ol tabindex="0" id="ol4">ordered list
<li tabindex="-1" id="li4b"> ol li
</ol>
<menu id="menu4">menu list
<li tabindex="2" id="li4c"> menu li
</menu>
<dir tabindex="0" id="dir4">directory list
<li tabindex="-1" id="li4d"> dir li
</dir>
</div>

<!--images-->
<image src="abe.png" id="image4"><br>
<img src="abe.png" tabindex="3" id="img4"><br>

<!--forms-->
<div id="div4g" tabindex="0">
<form tabindex="-1" id="form4">
<fieldset id="fieldset4">
    <legend id="legend4" tabindex="3">legend4</legend>
</fieldset>
<select id="select4" tabindex="-1" multiple>
    <optgroup label="group1" id="optgroup4">
        <option tabindex="2" id="option4a">option1</option>
        <option>option2</option>
    </optgroup>
    <optgroup label="group2">
        <option>option3</option>
        <option tabindex="0" id="option4b">option4</option>
    </optgroup>
</select><br>
<textarea id="textarea4" tabindex="-1">textarea1</textarea><br>
<input type="text" id="text4" value="text"><br>
<input type="checkbox" id="checkbox4" tabindex="-1"><br>
<input type="radio" id="radioChoice4a" name="radio4" tabindex="-1"><br>
<label id="label4" tabindex="0"><input type="radio" name="radio4">label for radio button</label><br>

<input type="file" id="file4" tabindex="1"><br>
input type="hidden"<input type="hidden" id="hidden4" tabindex="0"><br>
input type="image"<input type="image" id="inputImage4" src="abe.png" tabindex="-1"><br>
<button id="button4" tabindex="1">button</button><br>
<input type="button" id="inputButton4" value="inputButton" tabindex="0"><br>
<input type="search" id="search4" placeholder="search" tabindex="-1"><br>
<input type="password" id="password4" tabindex="0"><br>
<input type="range" id="range4" tabindex="-1"><br>
<input type="submit" id="submit4" tabindex="1">
<input type="reset" id="reset4" tabindex="0"><br>
</form>
</div>

</body>
