下面通過(guò)5個(gè)簡(jiǎn)單示例，向您展示html不同的網(wǎng)頁(yè)標(biāo)簽的用途，以及效果預(yù)覽。
HTML 標(biāo)題（Heading）是通過(guò)<h1> - <h6> 標(biāo)簽來(lái)定義的.
<h1>我是標(biāo)題1 h1</h1> <h2>我是標(biāo)題2 h2</h2> <h3>我是標(biāo)題3 h3</h3> <h4>我是標(biāo)題4 h4</h4> <h5>我是標(biāo)題5 h5</h5> <h6>我是標(biāo)題6 h6</h6>測(cè)試看看 ?/?
HTML 段落是通過(guò)標(biāo)簽 <p> 來(lái)定義的.
<p>這是第一個(gè)段落。</p> <p>這是第二個(gè)段落。</p> <p>這是第三個(gè)段落。</p>測(cè)試看看 ?/?
HTML 鏈接是通過(guò)標(biāo)簽 <a> 來(lái)定義的.
<a href="">這是一個(gè)鏈接</a> <a href="/html/html-tutorial.html">html基礎(chǔ)教程超鏈接</a>測(cè)試看看 ?/?
提示:在 href 屬性中指定鏈接的地址。
(您將在本教程稍后的章節(jié)中學(xué)習(xí)更多有關(guān)屬性的知識(shí)).
HTML 圖像是通過(guò)標(biāo)簽 <img> 來(lái)定義的.
<img src="/static/images/logo.png" width="258" height="39" />測(cè)試看看 ?/?
注意： 圖像的路徑、寬度、高度是以屬性的形式展現(xiàn)的。
HTML 表格是通過(guò)標(biāo)簽 <table> 來(lái)定義的.
<table border="1"> <tr> <td>(cainiaoplus.com)基礎(chǔ)教程之表格</td> <td>(cainiaoplus.com)基礎(chǔ)教程之表格</td> <td>(cainiaoplus.com)基礎(chǔ)教程之表格</td> <td>(cainiaoplus.com)基礎(chǔ)教程之表格</td> </tr> </table>測(cè)試看看 ?/?
注意： 表格的邊框，寬度、高度是以屬性的形式展現(xiàn)的。