1 <body id=
"iframe1body" tabindex=
"-1">
4 <a href=
"#" id=
"a2">anchor
</a><br>
5 <img src =
"abe.png" width=
"76" height=
"103" alt=
"honest abe" usemap =
"#theMapName" />
6 <map name=
"theMapName" tabindex=
"2" id=
"map2">
7 <area shape =
"rect" coords =
"0,0,76,50" href=
"#" target =
"_blank" alt=
"rectArea1" tabindex=
"0" id=
"area2a"/>
8 <area shape =
"rect" coords =
"0,50,76,103" href=
"#" target =
"_blank" alt=
"rectArea2" tabindex=
"-1" id=
"area2b"/>
13 <audio controls
src=
"../../../media/content/test.wav" tabindex=
"3" id=
"audio2"></audio><br>
14 <video controls
tabindex=
"0" id=
"video2">
15 <source src=
"../../../media/content/test.mp4" type=
"video/mpeg" id=
"source2">
19 <!--embedded elements-->
21 <applet width=
"100" height=
"100" code=
"" id=
"applet2"></applet><br>
23 <object type=
"application/x-no-such-plugin" width=
"100" height=
"100" tabindex=
"3" id=
"object2"></object><br>
25 <embed type=
"application/x-no-such-plugin" width=
"100" height=
"100" tabindex=
"0" id=
"embed2"></embed><br>
27 <!--presentation-related elements-->
28 <div id=
"div2b" tabindex=
"-1">
29 <abbr title=
"the tooltip" id=
"abbr2">abbr makes a tooltip
</abbr><br>
30 <acronym title=
"the tooltip" tabindex=
"2" id=
"acronym2">acronym makes a tooltip
</acronym><br>
31 <bdo dir=
"rtl" tabindex=
"0" id=
"bdo2">text going right-to-left
</bdo><br>
32 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>
33 a short quote:
<q id=
"q2">Veni, Vidi, Vici
</q>
34 <p tabindex=
"3" id=
"p2">paragraph
</p>
35 line break:
<br tabindex=
"0" id=
"br2">
36 horizontal rule:
<hr tabindex=
"-1" id=
"hr2">
37 <marquee id=
"marquee2">marquee text
</marquee>
38 <center tabindex=
"3" id=
"center2">centered text
</center>
41 <!--font style tags-->
42 <b tabindex=
"0" id=
"b2">Bold text
</b><br>
43 <big tabindex=
"-1" id=
"big2">Big text
</big><br>
44 <i id=
"i2">Italic text
</i><br>
45 <small tabindex=
"2" id=
"small2">Small text
</small><br>
46 <tt tabindex=
"0" id=
"tt2">Teletype text
</tt><br>
49 <div id=
"div2c" tabindex=
"-1">
51 <canvas width='
200' height='
100'
id=
"canvas2"></canvas><br>
54 <!--Phrase elements-->
55 <em tabindex=
"2" id=
"em2">em
</em><br>
56 <strong tabindex=
"0" id=
"strong2">strong
</strong><br>
57 <dfn tabindex=
"-1" id=
"dfn2">dfn
</dfn><br>
58 <code id=
"code2">code
</code><br>
59 <samp tabindex=
"1" id=
"samp2">samp
</samp><br>
60 <kbd tabindex=
"0" id=
"kbd2">kbd
</kbd><br>
61 <var tabindex=
"-1" id=
"var2">var
</var><br>
62 <cite id=
"cite2">cite
</cite><br>
65 <div id=
"div2d" tabindex=
"2">
66 <h1 tabindex=
"0" id=
"h1_2">Heading
1</h1>
67 <h2 tabindex=
"-1" id=
"h2_2">Heading
2</h2>
68 <h3 id=
"h3_2">Heading
3</h3>
69 <h4 tabindex=
"3" id=
"h4_2">Heading
4</h4>
70 <h5 tabindex=
"0" id=
"h5_2">Heading
5</h5>
71 <h6 tabindex=
"-1" id=
"h6_2">Heading
6</h6>
74 <!--other style-related tags-->
75 <s id=
"s2">strikethrough (sTag)
</s><br>
76 <strike tabindex=
"3" id=
"strike2">strikethrough (strikeTag)
</strike><br>
77 <sub tabindex=
"0" id=
"sub2">subscript
</sub><br>
78 <sup tabindex=
"-1" id=
"sup2">superscript
</sup><br>
79 <u id=
"u2">underlined
</u><br>
80 <del tabindex=
"2" id=
"del2">delete
</del><br>
81 <ins tabindex=
"0" id=
"ins2">insert
</ins><br>
82 <pre tabindex=
"-1" id=
"pre2">preformatted
</pre>
83 basic usage of
<font id=
"font2">font
</font> tag
<br>
84 basic usage of
<span tabindex=
"2" id=
"span2">span
</span> tag
<br>
87 <div id=
"div2e" tabindex=
"0">
88 <table border=
"1" tabindex=
"-1" id=
"table2">
89 <caption id=
"caption2">table caption
</caption>
90 <colgroup span=
"2" tabindex=
"2" id=
"colgroup2">
91 <col width=
"100" tabindex=
"0" id=
"col2a"></col>
92 <col width=
"250" tabindex=
"-1" id=
"col2b"></col>
94 <thead id=
"thead2"><tr><th tabindex=
"2" id=
"th2">
96 </th></tr></thead><tbody tabindex=
"0" id=
"tbody2">
97 <tr tabindex=
"-1" id=
"tr2">
98 <td id=
"td2a">table cell
1</td>
99 <td tabindex=
"3" id=
"td2b">table cell
2</td>
100 <td tabindex=
"0" id=
"td2c">table cell
3</td>
102 <tfoot tabindex=
"-1" id=
"tfoot2"><tr><td>
108 <!--definition list-->
109 <dl id=
"dl2">definition list
110 <dt tabindex=
"3" id=
"dt2a">term1
</dt>
111 <dd tabindex=
"0" id=
"dd2a">definition1
</dd>
112 <dt tabindex=
"-1" id=
"dt2b">term2
</dt>
113 <dd id=
"dd2b">definition2
</dd>
117 <div id=
"div2f" tabindex=
"2">
118 <ul tabindex=
"0" id=
"ul2">unordered list
119 <li tabindex=
"-1" id=
"li2a"> ul li
121 <ol id=
"ol2">ordered list
122 <li tabindex=
"3" id=
"li2b"> ol li
124 <menu tabindex=
"0" id=
"menu2">menu list
125 <li tabindex=
"-1" id=
"li2c"> menu li
127 <dir id=
"dir2">directory list
128 <li tabindex=
"3" id=
"li2d"> dir li
133 <image src=
"abe.png" tabindex=
"0" id=
"image2"><br>
134 <img src=
"abe.png" tabindex=
"-1" id=
"img2"><br>
138 <form tabindex=
"2" id=
"form2">
139 <fieldset tabindex=
"0" id=
"fieldset2">
140 <legend id=
"legend2" tabindex=
"-1">legend
</legend>
142 <select id=
"select2" tabindex=
"3" multiple
>
143 <optgroup label=
"group1" tabindex=
"0" id=
"optgroup2">
144 <option tabindex=
"-1" id=
"option2a">option1
</option>
145 <option>option2
</option>
147 <optgroup label=
"group2">
148 <option>option3
</option>
149 <option id=
"option2b">option4
</option>
152 <textarea id=
"textarea2" tabindex=
"3">textarea
</textarea><br>
153 <input type=
"text" id=
"text2" value=
"text" tabindex=
"0"><br>
154 <input type=
"checkbox" id=
"checkbox2" tabindex=
"2"><br>
155 <input type=
"radio" id=
"radioChoice2a" name=
"radio2" tabindex=
"-1"><br>
156 <label id=
"label2"><input type=
"radio" name=
"radio2" tabindex=
"2">label for radio button
</label><br>
157 <input type=
"file" id=
"file2" tabindex=
"0"><br>
158 input
type=
"hidden"<input type=
"hidden" id=
"hidden2"><br>
159 input
type=
"image"<input type=
"image" id=
"inputImage2" src=
"abe.png" tabindex=
"0"><br>
160 <button id=
"button2" tabindex=
"-1">button
</button><br>
161 <input type=
"button" id=
"inputButton2" value=
"inputButton"><br>
162 <input type=
"search" id=
"search2" placeholder=
"search" tabindex=
"2"><br>
163 <input type=
"password" id=
"password2"><br>
164 <input type=
"range" id=
"range2" tabindex=
"0"><br>
165 <input type=
"submit" id=
"submit2" tabindex=
"-1">
166 <input type=
"reset" id=
"reset2"><br>