标签实例
<!DOCTYPE html> <html>
<head> <meta charset="UTF-8"> <title></title> </head>
<body> <a href="http://wwww.baidu.com">baidu</a>; <a href="../doc.html" target="_blank">html</a> <!-- 描述：路径 找文件夹外的 返回上级文件 在进入根目录+文件名 -->
The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949. <!-- 当鼠标悬停在上面的时间 会有缩写名词的解释 --> <!-- 作者：offline 时间：2017-05-11 描述：一般元素都有 标准属性：id, class, title, style, dir, lang, xml:lang 事件属性：onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup --> <address> Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br> Visit us at:<br> Example.com<br> Box 564, Disneyland<br> USA </address> <img src="../img/services_nx_h3_bg.png" border="0" usemap="#planetmap" alt="Planets" />
<article> <h1>Internet Explorer 9</h1> <p>Windows Internet Explorer 9（简称 IE9）于 2011 年 3 月 14 日发布.....</p> </article> <aside> <h4>Epcot Center</h4> <p>The Epcot Center is a theme park in Disney World, Florida.</p> </aside> <audio src="/i/horse.ogg" controls="controls"> Your browser does not support the audio element. </audio> <audio controls="controls" src=""> some </audio> <bdo dir="rtl"> Here is some Hebrew text </bdo>
<blockquote> This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. </blockquote>
<canvas id="myCanvas">your browser does not support the canvas tag </canvas>
<script type="text/javascript"> var canvas = document.getElementById('myCanvas'); var ctx = canvas.getContext('2d'); ctx.fillStyle = '#9F5DA7'; ctx.fillRect(0, 20, 70, 90); </script> <table border="1"> <caption>Monthly savings</caption> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table>
<embed src="/i/helloworld.swf" />插件<br> <form> <fieldset> <legend>health information</legend> height: <input type="text" /> weight: <input type="text" /> </fieldset> </form> <footer> <p>Posted by: W3School</p> <p>Contact information: <a href="mailto:someone@example.com">someone@example.com</a>.</p> </footer> <frameset cols="25%,50%,25%">
<frame src="/example/html/frame_a.html"> <frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_c.html">
</frameset><br /> <p>Do not forget to buy <mark>milk</mark> today.</p> <p>显示度量值：</p> <meter value="3" min="0" max="10">3/10</meter><br> <meter value="0.6">60%</meter>
<p><b>注释：</b>Internet Explorer 不支持 meter 标签。</p> <nav> <a href="/html/">HTML</a> | <a href="/css/">CSS</a> | <a href="/js/">JavaScript</a> | <a href="/jquery/">jQuery</a> </nav>
下载进度： <progress value="22" max="100"> </progress>
<p><b>注释：</b>Internet Explorer 9 以及更早的版本不支持 <progress> 标签。</p> 在 HTML 5 中，<s>仍然支持</s>已经不支持这个标签了。
<textarea rows="3" cols="20">在w3school，你可以找到你所需要的所有的网站建设教程。 </textarea> <p> 我在 <time datetime="2010-02-14">情人节</time> 有个约会。 </p> <!-- 作者：offline 时间：2017-05-11 描述：noscript 元素用来定义在脚本未被执行时的替代内容 --> <!-- h5 全局屬性: class id style title lang 全局事件:
属性 值 描述 onafterprint 文档打印之后运行的脚本。 onbeforeprint 文档打印之前运行的脚本。 onbeforeunload 文档卸载之前运行的脚本。 onerror 在错误发生时运行的脚本。 onhaschange 当文档已改变时运行的脚本。 onload 页面结束加载之后触发。 onmessage 在消息被触发时运行的脚本。 onoffline 当文档离线时运行的脚本。 ononline 当文档上线时运行的脚本。 onpagehide 当窗口隐藏时运行的脚本。 onpageshow 当窗口成为可见时运行的脚本。 onpopstate 当窗口历史记录改变时运行的脚本。 onredo 当文档执行撤销（redo）时运行的脚本。 onresize 当浏览器窗口被调整大小时触发。 onstorage 在 Web Storage 区域更新后运行的脚本。 onundo 在文档执行 undo 时运行的脚本。 onunload 一旦页面已下载时触发（或者浏览器窗口已被关闭）。
<em> 把文本定义为强调的内容。 <strong> 把文本定义为语气更强的强调的内容。 <dfn> 定义一个定义项目。 <code> 定义计算机代码文本。 <samp> 定义样本文本。 <kbd> 定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。 <var> 定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。 <cite> 定义引用。可使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题。 --> </body>
</html>