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