一、列表

列表：就是資訊資源的一種展示形式。

HTML5中的列表有3種：無序列表，有序列表，定義列表。

無序列表：

<ul>
    <li>內容。。。</li>
    <li></li>
    <li></li>
    <li></li>
</ul>

註釋：ul裡面可以加上type屬性，ul標籤只能巢狀li標籤，但是li標籤裡面可以巢狀任意標籤。預設li前面帶有實心黑圓點，li標籤獨佔一行，一般用於導航，側邊欄新聞等。

有序列表：

<ol>
    <li>內容，預設是數字1....</li>
    <li></li>
    <li></li>
    <li></li>
</ol>

註釋：預設的li標籤前面有順序，每個li都獨佔一行，一般用於排序列表，試卷，問卷等。
 

定義列表：

<dl>
    <dt>列表項</dt>
    <dd>列表項的內容</dd>
    <dd></dd>
    <dd></dd>
</dl>

註釋：dl是宣告定義列表，dt是宣告列表項，dd是項的內容。dt,dd都是獨佔一行。

二、表格

表格特點：簡單通用，結構穩定。

基本語法組成：單元格，行，列。

語法：

<table border="1">
        <tr>    <!--tr代表行數，th是單元格標題，字型加粗顯示-->
            <th>總頁面流量</th>
            <th>共計來訪</th>
            <th>會員</th>
            <th>遊客</th>
        </tr>
        <tr>
            <td>123478</td>
            <td>839544</td>
            <td>739594</td>
            <td>403835</td>
        </tr>
        <tr>
            <td>123478</td>
            <td>839544</td>
            <td>739594</td>
            <td>403835</td>
        </tr>
        <tr>
            <td>123478</td>
            <td>839544</td>
            <td>739594</td>
            <td>403835</td>
        </tr>
      <tr>
          <td>平均每人瀏覽</td>
          <td colspan="3" align="center">1.0</td>
      </tr>
    </table>

註釋：table是宣告表格標籤，border是邊框屬性，tr是行標籤，th是單元格標題，td是單元格
 

表格的跨行、跨列：

<td colsapn ="所跨的列數">跨幾列，數字就寫幾</td>


<td rowspan ="所跨的行數">跨幾行，數字就是幾</td>

三、媒體元素

<video controls>
        <source src="video/video.mp4"  type="video/video"/>
        <source src="video/video.webm" type="video/video"/>
        你的瀏覽器不支援video視屏播放
</video>

註釋：src是視屏路徑，controls是控制播放屬性

<audio controls>
    <source src="music/music.mp3"/>
    <source src="music/music.ogg"/>
    你的瀏覽器不支援播放音訊
</audio>