HTML5 第二章 列表和表格和媒體元素

標籤：文章   ble   article   部分   相關   rowspan   資訊   art   style   

列表：

（1）什麼是列表？

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

（2）無序列表：

文法：

<ul>

<li>第1項</li>

<li>第2項</li>

<li>第3項</li>

</ul>

（3）有序列表：

文法：

<ol>

<li>第1項</li>

<li>第2項</li>

<li>第3項</li>

</ol>

（4）定義列表：

文法：

<dl>

<dt>標題一</dt>

<dd>第1項</dd>

<dd>第2項</dd>

<dt>標題二</dt>

<dd>第1項</dt>

</dl>

表格：

（1）為什麼使用表格？

簡單通用     結構穩定  

（2）表格的基本結構：

儲存格  行  列   

文法：

<table>

<tr>

<th>第一個儲存格的內容</th>

。。。。。

</tr>

<tr>

<td>第一個儲存格的內容</th>

。。。。

</tr>

</table>

（3）表格的跨行與誇列：

跨行：

文法：

<table>

<tr>

<td rowspan="所跨的行數">儲存格內容</td>

</tr>

</table>

跨列：

文法：

<table>

<tr>

<td colspan="所跨的列數">儲存格內容</td>

</tr>

</table>

HTML5的媒體元素：

（1）視頻元素：

video元素是HTML5播放視頻的一種標準方法。

video：

文法：
<video src="視頻路徑" controls="controls></video>

（2）音頻元素：

audio元素是用來播放音頻檔案的。

文法：

<audio src="音頻路徑" controls="controls></vider>

HTML5的結構元素：

元素名及描述：

header：標題頭部地區的內容。

footer：標記腳部地區的內容。

section：Wed頁面中的一塊獨立地區。

article：獨立的文章內容。

aside：相關內容或應用。

nav：導航類輔助內容。

<iframe>架構：

iframe是使頁面中的部分內容用架構實現。

文法：

<iframe src="引用頁面地址"name="架構標識名"...></iframe>

<iframe>屬性：

<iframe>內聯架構常用屬性包括name，width，heigth。其中name屬性可以和錨連結結合起來實現頁面間的相互跳轉。

name屬性文法：

<iframe name="mianFrame" src="subframe/the_second.html />

 

HTML5 第二章 列表和表格和媒體元素