標簽實例
<!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 日發(fā)布.....</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">情人節(jié)</time> 有個約會。 </p> <!-- 作者：offline 時間：2017-05-11 描述：noscript 元素用來定義在腳本未被執(zhí)行時的替代內容 --> <!-- h5 全局屬性: class id style title lang 全局事件:
屬性 值 描述 onafterprint 文檔打印之后運行的腳本。 onbeforeprint 文檔打印之前運行的腳本。 onbeforeunload 文檔卸載之前運行的腳本。 onerror 在錯誤發(fā)生時運行的腳本。 onhaschange 當文檔已改變時運行的腳本。 onload 頁面結束加載之后觸發(fā)。 onmessage 在消息被觸發(fā)時運行的腳本。 onoffline 當文檔離線時運行的腳本。 ononline 當文檔上線時運行的腳本。 onpagehide 當窗口隱藏時運行的腳本。 onpageshow 當窗口成為可見時運行的腳本。 onpopstate 當窗口歷史記錄改變時運行的腳本。 onredo 當文檔執(zhí)行撤銷（redo）時運行的腳本。 onresize 當瀏覽器窗口被調整大小時觸發(fā)。 onstorage 在 Web Storage 區(qū)域更新后運行的腳本。 onundo 在文檔執(zhí)行 undo 時運行的腳本。 onunload 一旦頁面已下載時觸發(fā)（或者瀏覽器窗口已被關閉）。
<em> 把文本定義為強調的內容。 <strong> 把文本定義為語氣更強的強調的內容。 <dfn> 定義一個定義項目。 <code> 定義計算機代碼文本。 <samp> 定義樣本文本。 <kbd> 定義鍵盤文本。它表示文本是從鍵盤上鍵入的。它經常用在與計算機相關的文檔或手冊中。 <var> 定義變量。您可以將此標簽與 <pre> 及 <code> 標簽配合使用。 <cite> 定義引用?？墒褂迷摌撕瀸⒖嘉墨I的引用進行定義，比如書籍或雜志的標題。 --> </body>
</html>
更多建議：