4 <a href=
"#" tabindex=
"1" id=
"a3">anchor
</a><br>
5 <img src =
"abe.png" width=
"76" height=
"103" alt=
"honest abe" usemap =
"#theMapName" />
6 <map name=
"theMapName" tabindex=
"0" id=
"map3">
7 <area shape =
"rect" coords =
"0,0,76,50" href=
"#" target =
"_blank" alt=
"rectArea1" tabindex=
"-1" id=
"area3a"/>
8 <area shape =
"rect" coords =
"0,50,76,103" href=
"#" target =
"_blank" alt=
"rectArea3" id=
"area3b"/>
12 <div id=
"div3a" tabindex=
"1">
13 <audio controls
src=
"../../../media/content/test.wav" tabindex=
"0" id=
"audio3"></audio><br>
14 <video controls
tabindex=
"-1" id=
"video3">
15 <source src=
"../../../media/content/test.mp4" type=
"video/mpeg" id=
"source3">
19 <!--embedded elements-->
21 <applet width=
"100" height=
"100" code=
"" tabindex=
"2" id=
"applet3"></applet><br>
23 <object type=
"application/x-no-such-plugin" width=
"100" height=
"100" tabindex=
"0" id=
"object3"></object><br>
25 <embed type=
"application/x-no-such-plugin" width=
"100" height=
"100" tabindex=
"-1" id=
"embed3"></embed><br>
27 <!--presentation-related elements-->
29 <abbr title=
"the tooltip" tabindex=
"3" id=
"abbr3">abbr makes a tooltip
</abbr><br>
30 <acronym title=
"the tooltip" tabindex=
"0" id=
"acronym3">acronym makes a tooltip
</acronym><br>
31 <bdo dir=
"rtl" tabindex=
"-1" id=
"bdo3">text going right-to-left
</bdo><br>
32 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>
33 a short quote:
<q tabindex=
"3" id=
"q3">Veni, Vidi, Vici
</q>
34 <p tabindex=
"0" id=
"p3">paragraph
</p>
35 line break:
<br tabindex=
"-1" id=
"br3">
36 horizontal rule:
<hr id=
"hr3">
37 <marquee tabindex=
"2" id=
"marquee3">marquee text
</marquee>
38 <center tabindex=
"0" id=
"center3">centered text
</center>
41 <!--font style tags-->
42 <b tabindex=
"-1" id=
"b3">Bold text
</b><br>
43 <big id=
"big3">Big text
</big><br>
44 <i tabindex=
"2" id=
"i3">Italic text
</i><br>
45 <small tabindex=
"0" id=
"small3">Small text
</small><br>
46 <tt tabindex=
"-1" id=
"tt3">Teletype text
</tt><br>
51 <canvas width='
200' height='
100'
tabindex=
"3" id=
"canvas3"></canvas><br>
54 <!--Phrase elements-->
55 <em tabindex=
"0" id=
"em3">em
</em><br>
56 <strong tabindex=
"-1" id=
"strong3">strong
</strong><br>
57 <dfn id=
"dfn3">dfn
</dfn><br>
58 <code tabindex=
"2" id=
"code3">code
</code><br>
59 <samp tabindex=
"0" id=
"samp3">samp
</samp><br>
60 <kbd tabindex=
"-1" id=
"kbd3">kbd
</kbd><br>
61 <var id=
"var3">var
</var><br>
62 <cite tabindex=
"3" id=
"cite3">cite
</cite><br>
65 <div id=
"div3d" tabindex=
"0">
66 <h1 tabindex=
"-1" id=
"h1_3">Heading
1</h1>
67 <h2 id=
"h2_3">Heading
2</h2>
68 <h3 tabindex=
"3" id=
"h3_3">Heading
3</h3>
69 <h4 tabindex=
"0" id=
"h4_3">Heading
4</h4>
70 <h5 tabindex=
"-1" id=
"h5_3">Heading
5</h5>
71 <h6 id=
"h6_3">Heading
6</h6>
74 <!--other style-related tags-->
75 <s tabindex=
"2" id=
"s3">strikethrough (sTag)
</s><br>
76 <strike tabindex=
"0" id=
"strike3">strikethrough (strikeTag)
</strike><br>
77 <sub tabindex=
"-1" id=
"sub3">subscript
</sub><br>
78 <sup id=
"sup3">superscript
</sup><br>
79 <u tabindex=
"3" id=
"u3">underlined
</u><br>
80 <del tabindex=
"0" id=
"del3">delete
</del><br>
81 <ins tabindex=
"-1" id=
"ins3">insert
</ins><br>
82 <pre id=
"pre3">preformatted
</pre>
83 basic usage of
<font tabindex=
"2" id=
"font3">font
</font> tag
<br>
84 basic usage of
<span tabindex=
"0" id=
"span3">span
</span> tag
<br>
87 <div id=
"div3e" tabindex=
"2">
88 <table border=
"1" id=
"table3">
89 <caption tabindex=
"3" id=
"caption3">table caption
</caption>
90 <colgroup span=
"3" tabindex=
"0" id=
"colgroup3">
91 <col width=
"100" tabindex=
"-1" id=
"col3a"></col>
92 <col width=
"250" id=
"col3b"></col>
94 <thead tabindex=
"3" id=
"thead3"><tr><th tabindex=
"0" id=
"th3">
96 </th></tr></thead><tbody tabindex=
"-1" id=
"tbody3">
98 <td tabindex=
"2" id=
"td3a">table cell
1</td>
99 <td tabindex=
"0" id=
"td3b">table cell
2</td>
100 <td tabindex=
"-1" id=
"td3c">table cell
3</td>
102 <tfoot id=
"tfoot3"><tr><td>
108 <!--definition list-->
109 <dl tabindex=
"1" id=
"dl3">definition list
110 <dt tabindex=
"0" id=
"dt3a">term1
</dt>
111 <dd tabindex=
"-1" id=
"dd3a">definition1
</dd>
112 <dt id=
"dt3b">term2
</dt>
113 <dd tabindex=
"1" id=
"dd3b">definition2
</dd>
117 <div id=
"div3f" tabindex=
"0">
118 <ul tabindex=
"-1" id=
"ul3">unordered list
121 <ol tabindex=
"2" id=
"ol3">ordered list
122 <li tabindex=
"0" id=
"li3b"> ol li
124 <menu tabindex=
"-1" id=
"menu3">menu list
125 <li id=
"li3c"> menu li
127 <dir tabindex=
"3" id=
"dir3">directory list
128 <li tabindex=
"0" id=
"li3d"> dir li
133 <image src=
"abe.png" tabindex=
"-1" id=
"image3"><br>
134 <img src=
"abe.png" id=
"img3"><br>
137 <div id=
"div3g" tabindex=
"3">
138 <form tabindex=
"0" id=
"form3">
139 <fieldset tabindex=
"-1" id=
"fieldset3">
140 <legend id=
"legend3">legend1
</legend>
142 <select id=
"select3" tabindex=
"0" multiple
>
143 <optgroup label=
"group1" tabindex=
"-1" id=
"optgroup3">
144 <option id=
"option3a">option1
</option>
145 <option>option2
</option>
147 <optgroup label=
"group3">
148 <option>option3
</option>
149 <option tabindex=
"1" id=
"option3b">option4
</option>
152 <textarea id=
"textarea3" tabindex=
"0">textarea
</textarea><br>
153 <input type=
"text" id=
"text3" value=
"text" tabindex=
"-1"><br>
154 <input type=
"checkbox" id=
"checkbox3" tabindex=
"0"><br>
155 <input type=
"radio" id=
"radioChoice3a" name=
"radio3"><br>
156 <label id=
"label3" tabindex=
"2"><input type=
"radio" name=
"radio3" tabindex=
"0">label for radio button
</label><br>
157 <input type=
"file" id=
"file3" tabindex=
"-1"><br>
158 input
type=
"hidden"<input type=
"hidden" id=
"hidden3" tabindex=
"3"><br>
159 input
type=
"image"<input type=
"image" id=
"inputImage3" src=
"abe.png" tabindex=
"-1"><br>
160 <button id=
"button3">button
</button><br>
161 <input type=
"button" id=
"inputButton3" value=
"inputButton" tabindex=
"3"><br>
162 <input type=
"search" id=
"search3" placeholder=
"search" tabindex=
"0"><br>
163 <input type=
"password" id=
"password3" tabindex=
"2"><br>
164 <input type=
"range" id=
"range3" tabindex=
"-1"><br>
165 <input type=
"submit" id=
"submit3">
166 <input type=
"reset" id=
"reset3" tabindex=
"2"><br>
170 <iframe width=
"100%" height=
"75%" src=
"tabindex-focus-blur-all-iframe2.html" id=
"iframe2a" tabindex=
"0"></iframe>
171 <iframe src=
"tabindex-focus-blur-all-frame3.html" id=
"iframe2b" tabindex=
"1"></iframe>
173 <input class=
"homebase">