1. 程式人生 > >>HTML編輯筆記2

>HTML編輯筆記2

targe 內聯 col 列表項 rowspan 更多 音頻 序列 頭部

1.列表

①無序列表

<ul>

  <li>XXX</li>

  <li>XXX</li>

</ul>

②有序列表

<ol>

  <li>XX</li>

  <li>XX</li>

</ol>

③定義列表

<dl>

<dt></dt> //聲明列表項

<dd></dd> //列表項

</dl>

註意:li獨占一行

2.表格

  <table> //表格

    <tr> //行

      <td colspan="" rowspan=""></td> //單元格

    </tr>

  </table>

註意:colspan:表示本單元格所占列數

   rowspan:表示本單元格所占行數

3.視頻

  <video src="視頻路徑" constrols></video>

推薦使用:

例:

  <video controls>

    <source src="xx.mp4" type="video/mp4"/>

    <source rc="xxx.webm" type="video/webm"/>

  </video>

4. 音頻

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

  推薦使用:(能夠兼容更多瀏覽器)

  <audio controls>

    <source src="xx.mp3" type="audio/mp3"/>

    <source src="xxx.ogg" type="audio/ogg"/>

  </audio>

註意:a.視頻和音頻標簽都存在瀏覽器的兼容問題,使用的時候,盡量使用推薦的方式

   b.controls表示顯示播放控制(如:開始,暫停等).還有其他的類似屬性參考其他資料.

5.結構化元素

  <header> //表示網頁的頭部

  <footer> //表示網頁的尾部

  <section> //表示網頁的獨立區域

  <article> //表示文章

  <aside> //表示相關內容或應用(側邊欄)

  <nav> //導航

6.網頁結構

  <header></header> //頭部

  <section></section> //主體

  <footer></footer> //尾部

7.iframe內聯框架

  語法:<iframe src="頁面地址" name=""/>

  實現內聯:

    第一步:定義iframe

      <iframe src="" name="mn"/>

    第二步:定義超鏈接並指定超鏈接內容要放置的地方(由target指定).

      <a href="" target="mn">XX</a>

>HTML編輯筆記2