HTML網頁列表標記學習教程_XHTML教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!

      HTML網頁列表標記學習教程.

      在html頁面中,列表可以起到提綱寫領的作用。列表分為兩種類型,一是有序列表,一是無序列表。前者用項目符號來標記無序的項目,而后者則使用編號來記錄項目的順序。

      • 所謂有序,指的是按照數字或字母等順序排列列表項目。
      • 所謂無序,是指以●、○、□等開頭的,沒有順序的列表項目。

      關于列表的主要標記,如下表所示

      標記 描述
      <ul> 無序列表
      <ol> 有序列表
      <dir> 目錄列表
      <dl> 定義列表
      <menu> 菜單列表
      <dt>、<dd> 定義列表的標記
      <li> 列表項目的標記

      有序列表標記<OL>

      有序列表使用編號,而不是項目符號來編排項目。列表中的項目采用數字或英文字母開頭,通常各項目間有先后的順序性。在有序列表中,主要使用<ol>和<li>兩個標記以及type和兩個start屬性。

      基本語法

      <ol>
      <li>項目一
      <li>項目二
      <li>項目三
      ……
      </ol>

      語法解釋

      在有序列表中,使用<ol>作為有序的聲明,使用<li>作為每一個項目的起始。

      文件范例:7-1.htm

      通過<ol>和<li>標記建立有序列表。
      01 <!-- ------------------------------ -->
      02 <!-- 文件范例:7-1.htm -->
      03 <!-- 文件說明:建立有序列表 -->
      04 <!-- ------------------------------ -->
      05 <html>
      06 <head>
      07 <title>建立有序列表</title>
      08 </head>
      09 <body>
      10 <h2>圖像設計軟件</h2>
      11 <ol>
      12 <li>Photoshop
      13 <li>Illustrator
      14 <li>Freehand
      15 <li>CorelDraw
      16 </ol>
      17 </body>
      18 </html>

      文件說明

      第11行定義了列表的類型為有序,第12行到第15行使用了<li>標記作為列表項目的開始。

      來源:模板無憂//所屬分類:XHTML教程/更新時間:2007-12-24
      相關XHTML教程