让文字有条不紊的列表.ppt

《让文字有条不紊的列表.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第5章讓文字有條不紊的列表本章提要5-1條列式列表5-2定義用列表－

5-3巢狀列表前言列表(List)是一種簡單且實用的資料排列方式,一堆資料若以適當的列表顯示,讀者閱讀時會更輕鬆悅目。HTML語法提供了數種製作列表的標籤,本章將分別介紹這些列表標籤。5-1條列式列表條列式列表的的特徵就是要一列、一列地依序列出所需要的項目(item)。在編輯文件時,我們也是直接在文件中列出所有的項目,其格式大致如下：5-1條列式列表列表標籤有、、

與
4種,而項目標籤一律使用
1. 。5-

   2、1-1目錄列表－

   5-1-2菜單列表－5-1-3無序號列表－
   5-1-4有序號列表－
   5-1-1目錄列表－雖然名為目錄列表(DirectoryList),不過和磁碟上的目錄沒什麼關係,使用時只要將要列出的項目套入標籤之間即可：5-1-1目錄列表－使用
   1. 標籤列出項目時,可以使用成對的
   2. 、
   標籤包含項目,也可以單獨使用
   3. 標籤列出項目。我們來看以下的例子：5-1-1目錄列表－由上例可以發現,使用成對的
      、
      標籤

      3、,和單獨使用

      標籤的效果並沒有差別,並且都各佔用一行,而不用另外加上
      標籤做換行的動作。此外,列表中所有的項目都可以和、等文字效果標籤合併使用。同樣的情形也適用於其它的列表。5-1-2菜單列表－菜單列表(menwlist)使用的標籤是,其用法和相同,只要將標籤加到列表項目的前後即可,我們來看看這種菜單列表(menulist)的使用情形：5-1-2菜單列表－看了上面例子,您應該發現標籤和標籤的效果並無二致。其實

      4、enu>和

      標籤不論在用法、效果都是一樣的。之所以會區分為2個標籤,其實是過去瀏覽器在爭取市佔率(主要是IE與Netscape瀏覽器)時,各自發展了獨有的標籤,因此造成了2個不同名稱的標籤,但實際功能及用法卻相同的特殊狀況。5-1-2菜單列表－其實及標籤雖然簡單好用,但並非W3C所認定的標準HTML標籤。在HTML4.0規格中雖然仍列出這兩個標籤,但已將之列為Deprecated(建議勿用),意指不希望大家繼續使用,並建議改用

      標籤。5-1-3無序號列表－
      無序

      5、號列表(UnorderedList),和文書編輯程式中常用的項目符號雷同,其用法及效果與前文介紹的

      、標籤相當類似。
      標籤不僅是W3C認定的標準HTML標籤,而且比、標籤有更多的變化效果。我們來看看以下的例子：5-1-3無序號列表－
      由上例可知,
      標籤的基本用法和、標籤相同,即使原本已習慣使用或標籤,要改用
      標籤也不會有什麼困難。改變項目符號的樣式－當我們使用
      標籤,其預設的符號是實心

      6、的圓點(●)。除了圓點之外,我們仍可用

      標籤的type屬性指定其他符號。type屬性可以指定的符號如下：改變項目符號的樣式－樣式的屬性除了可用於
      標籤外,也可用於
      • 標籤中,此時只有該項目會用新指定的type,後面的項目仍沿用原來的的設定。改變項目符號的樣式－5-1-4有序號列表－
        相對於無序號列表,當然有另一種有序號列表(OrderedList),標籤為
        。有序號列表會為
        與
        標籤間的項目依序加上編號
        標籤的其用法與<

        7、ul>相同,差別在於顯示時則會以項目編號代替項目符號。例如：5-1-4有序號列表－

        我們可以看到使用
        標籤時,每個項目的前面,都自動加上了1,2,3的編號。這種方式在項目多的時候,更能表現出它的好處。改變項目編號的樣式－如果只能用1,2,3等數字做編號,不僅太單調,功能也有些不足,其實我們可以在
        標籤中加上type屬性來設定編號的樣式。下表列出可供設定的屬性值與說明：改變項目編號的樣式－當然,這些type屬性也可以加在
        1. 標籤中,使每個項目有不同的變化,但編號的

           8、次序則不會重新計數。以下面的例子來說,雖然可以做到在同一個列表中有不同的編號樣式,卻顯得有點不倫不類：改變項目編號的樣式－如上圖所示,第3項的編號樣式變更後,其排列次序仍會沿用。不過一般情況下最好少用這種設定方式,因為不一致的編號不僅不美觀,更可能讓網頁瀏覽者誤以為是編輯錯誤,反而貽笑大方。改變編號的起始值與指定編號－如果