列表表格及媒體元素

標籤：特性   預設   注意   架構   audio   形式   圓點   height   地址   

一.列表
 資訊資源的一種展示形式
 
二.列表的分類
 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>

列表表格及媒體元素