HTML 태그 및 속성에 대한 실제 소개

<table border="2" contenteditable="true">
<caption>Monthly savings</caption>
<tbody>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>
<div contenteditable="true">$100</div>
</td>
</tr>
<tr>
<td>February</td>
<td>
<div contenteditable="true">$50</div>
</td>
</tr>
</tbody>
</table>

<fieldset>
<legend>Index:</legend>
<ul>
<li><a href="#">Index of all articles</a></li>
<li><a href="#">Things sheeple need to wake up for today</a></li>
<li><a href="#">Sheeple we have managed to wake</a></li>
</ul>
</fieldset>

<p><img alt="Planets" src="http://files.jb51.net/file_images/article/201407/201471695311430.gif?201461695323" usemap="#planetmap" width="145" height="126" pagespeed_url_hash="4053416989"/></p>
<map name="planetmap">
<area alt="Sun" coords="0,0,82,126" shape="rect" href="#sun.htm"/>
<area alt="Mercury" coords="90,58,3" shape="circle" href="#mercur.htm"/>
<area alt="Venus" coords="124,58,8" shape="circle" href="#venus.htm"/> </map>

<p><form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form></p>
<p><p><strong>Note:</strong> The output tag is not supported in Internet Explorer.</p>
</form>

<p>Do not forget to buy <mark>milk</mark> today.</p>