<body id="frame2body">

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

<!--media elements-->
<div id="div3a" tabindex="1">
<audio controls src="../../../media/content/test.wav" tabindex="0" id="audio3"></audio><br>
<video controls tabindex="-1" id="video3">
    <source src="../../../media/content/test.mp4" type="video/mpeg" id="source3">
</video><br>
</div>

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

<!--presentation-related elements-->
<div id="div3b">
<abbr title="the tooltip" tabindex="3" id="abbr3">abbr makes a tooltip</abbr><br>
<acronym title="the tooltip" tabindex="0" id="acronym3">acronym makes a tooltip</acronym><br>
<bdo dir="rtl" tabindex="-1" id="bdo3">text going right-to-left</bdo><br>
a blockquote:<blockquote id="blockquote3">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="3" id="q3">Veni, Vidi, Vici</q>
<p tabindex="0" id="p3">paragraph</p>
line break:<br tabindex="-1" id="br3">
horizontal rule:<hr id="hr3">
<marquee tabindex="2" id="marquee3">marquee text</marquee>
<center tabindex="0" id="center3">centered text</center>
</div>

<!--font style tags-->
<b tabindex="-1" id="b3">Bold text</b><br>
<big id="big3">Big text</big><br>
<i tabindex="2" id="i3">Italic text</i><br>
<small tabindex="0" id="small3">Small text</small><br>
<tt tabindex="-1" id="tt3">Teletype text</tt><br>

<!--canvas element-->
<div id="div3c">
canvas:<br>
<canvas width='200' height='100' tabindex="3" id="canvas3"></canvas><br>
</div>

<!--Phrase elements-->
<em tabindex="0" id="em3">em</em><br>
<strong tabindex="-1" id="strong3">strong</strong><br>
<dfn id="dfn3">dfn</dfn><br>
<code tabindex="2" id="code3">code</code><br>
<samp tabindex="0" id="samp3">samp</samp><br>
<kbd tabindex="-1" id="kbd3">kbd</kbd><br>
<var id="var3">var</var><br>
<cite tabindex="3" id="cite3">cite</cite><br>

<!--heading tags-->
<div id="div3d" tabindex="0">
<h1 tabindex="-1" id="h1_3">Heading 1</h1>
<h2 id="h2_3">Heading 2</h2>
<h3 tabindex="3" id="h3_3">Heading 3</h3>
<h4 tabindex="0" id="h4_3">Heading 4</h4>
<h5 tabindex="-1" id="h5_3">Heading 5</h5>
<h6 id="h6_3">Heading 6</h6>
</div>

<!--other style-related tags-->
<s tabindex="2" id="s3">strikethrough (sTag)</s><br>
<strike tabindex="0" id="strike3">strikethrough (strikeTag)</strike><br>
<sub tabindex="-1" id="sub3">subscript</sub><br>
<sup id="sup3">superscript</sup><br>
<u tabindex="3" id="u3">underlined</u><br>
<del tabindex="0" id="del3">delete</del><br>
<ins tabindex="-1" id="ins3">insert</ins><br>
<pre id="pre3">preformatted</pre>
basic usage of <font tabindex="2" id="font3">font</font> tag<br>
basic usage of <span tabindex="0" id="span3">span</span> tag<br>

<!--tables-->
<div id="div3e" tabindex="2">
<table border="1" id="table3">
<caption tabindex="3" id="caption3">table caption</caption>
<colgroup span="3" tabindex="0" id="colgroup3">
<col width="100" tabindex="-1" id="col3a"></col>
<col width="250" id="col3b"></col>
</colgroup>
<thead tabindex="3" id="thead3"><tr><th tabindex="0" id="th3">
table header
</th></tr></thead><tbody tabindex="-1" id="tbody3">
<tr id="tr3">
<td tabindex="2" id="td3a">table cell 1</td>
<td tabindex="0" id="td3b">table cell 2</td>
<td tabindex="-1" id="td3c">table cell 3</td>
</tr></tbody>
<tfoot id="tfoot3"><tr><td>
table footer
</td></tr></tfoot>
</table>
</div>

<!--definition list-->
<dl tabindex="1" id="dl3">definition list
<dt tabindex="0" id="dt3a">term1</dt>
<dd tabindex="-1" id="dd3a">definition1</dd>
<dt id="dt3b">term2</dt>
<dd tabindex="1" id="dd3b">definition2</dd>
</dl>
    
<!--lists -->
<div id="div3f" tabindex="0">
<ul tabindex="-1" id="ul3">unordered list
<li id="li3a"> ul li
</ul>
<ol tabindex="2" id="ol3">ordered list
<li tabindex="0" id="li3b"> ol li
</ol>
<menu tabindex="-1" id="menu3">menu list
<li id="li3c"> menu li
</menu>
<dir tabindex="3" id="dir3">directory list
<li tabindex="0" id="li3d"> dir li
</dir>
</div>

<!--images-->
<image src="abe.png" tabindex="-1" id="image3"><br>
<img src="abe.png" id="img3"><br>

<!--forms-->
<div id="div3g" tabindex="3">
<form tabindex="0" id="form3">
<fieldset tabindex="-1" id="fieldset3">
    <legend id="legend3">legend1</legend>
</fieldset>
<select id="select3" tabindex="0" multiple>
    <optgroup label="group1" tabindex="-1" id="optgroup3">
        <option id="option3a">option1</option>
        <option>option2</option>
    </optgroup>
    <optgroup label="group3">
        <option>option3</option>
        <option tabindex="1" id="option3b">option4</option>
    </optgroup>
</select><br>
<textarea id="textarea3" tabindex="0">textarea</textarea><br>
<input type="text" id="text3" value="text" tabindex="-1"><br>
<input type="checkbox" id="checkbox3" tabindex="0"><br>
<input type="radio" id="radioChoice3a" name="radio3"><br>
<label id="label3" tabindex="2"><input type="radio" name="radio3" tabindex="0">label for radio button</label><br>
<label id="label4"><input type="radio" name="radio3" tabindex="0">another label for radio button</label><br>
<input type="file" id="file3" tabindex="-1"><br>
input type="hidden"<input type="hidden" id="hidden3" tabindex="3"><br>
input type="image"<input type="image" id="inputImage3" src="abe.png" tabindex="-1"><br>
<button id="button3">button</button><br>
<input type="button" id="inputButton3" value="inputButton" tabindex="3"><br>
<input type="search" id="search3" placeholder="search" tabindex="0"><br>
<input type="password" id="password3" tabindex="2"><br>
<input type="range" id="range3" tabindex="-1"><br>
<input type="submit" id="submit3">
<input type="reset" id="reset3" tabindex="2"><br>
</form>
</div>

<iframe width="100%" height="75%" src="tabindex-focus-blur-all-iframe2.html" id="iframe2a" tabindex="0"></iframe>
<iframe src="tabindex-focus-blur-all-frame3.html" id="iframe2b" tabindex="1"></iframe>

<input class="homebase">

</body>
