列表 表格媒體和元素

標籤：自動   形式   col   預設   width   frame   序列   rowspan   href   

一.列表
資訊資源的一種展示形式

二.列表的分類
1.有序列表
<ol>
<li>清單項目1</li>
<li>清單項目2</li>
</ol>

特性：
1.有順序，每一個li獨佔一行
2.預設每一個li前有順序標識

2.無序列表
<ul>
<li>清單項目1</li>
<li>清單項目2</li>
<ul>

特性：
1.沒有順序，每一個li獨佔一行（塊元素）
2.預設每一個li前有一個實心小圓點

3.定義列表
<!--dh標籤同樣代表 清單項目的開始類似於dt標籤-->
<dl>
<dt>清單項目1</dt>
<dd>清單項目1值1</dd>
<dd>清單項目1值2</dd>

<dt>清單項目2</dt>
<dd>清單項目2值1</dd>
<dd>清單項目2值2</dd>
</dl>

特性：
1.沒有順序，每一個dt和dd標籤獨佔一行
2.預設沒有標記
三.表格
<table>
<tr>
<th>第一行第一個儲存格</th>
<th>第一行第二個儲存格</th>

</tr>
<tr>
<td>第二行第一個儲存格</td>
<td>第二行第二個儲存格</td>
</tr>
</table>
跨行（rowspan）和跨列（colspan）：橫向跨列，縱向跨行

四.音頻和視頻元素
※使用時注意瀏覽器安全色問題

<video controls="controls">

<source src="../video/video.webm"/>
<source src="../video/video.mp4"/>

</video>

<audio controls autoplay>
<source src="../music/music.mp3"/>
<source src="../music/music.ogg"/>
</audio>

controls:播放外掛程式autoplay:自動播放

五.iframe內聯架構
<iframe src="嵌套的頁面地址" name="內聯架構名稱" width="200px" height="200px"></iframe>


點選連結跳轉到指定地址:
<a href="fristHtml.html" target="ifrmae">內聯架構第一個頁面</a>
<a href="secondHtml.html" target="ifrmae">內聯架構第二個頁面</a>
<a href="thridHtml.html" target="ifrmae">內聯架構第三個頁面</a>
<iframe src="fristHtml.html" name="ifrmae" width="200px" height="200px"></iframe>

列表 表格媒體和元素