| <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"> |
| <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> |
