网页中清单的设计(List).pptVIP

TCY CTU 課後習題實作 習作題：請完成如下的網頁內容： 參考資料： [1] 榮欽科技主筆室，最新 HTML 入門與應用，2000年6月， 松崗。 * * 第三章 網頁中清單的設計(List) 3-1 條列式清單 3-2 清單使用的進階功能 本章重點複習摘要 課後習題實作 在 HTML 編輯中，如果你想要在文章中做條列式的說 明，可直接使用 List 之標記。 List 標記之優點： 在視覺上顯得比較活潑， 具有律動美。 族群之歸類清晰、明瞭。 易讀性高，可使瀏覽者在短時間內理解更多的資訊。 條列式清單共有六種： 編號清單(Ordered List) 。 項目清單(Unordered List) 。 定義式清單(Definition List) 。 菜單式清單(Menu List) 。 目錄式清單(Directory List) 。 巢狀式清單(Nesting List) 3-1 條列式清單 3-1-1 編號清單 OL /OL 其特徵在於列表時會有數字的編號在標題之前，且數字 自動遞增。 格式： OL LI 項目1 LI 項目2 ….. /OL 3-1 條列式清單 列表項目，非對稱的標記。 LI 起始標記，結束標記。 OV /OV 說 明 標 記 範例CH3-1 ： 3-1 條列式清單 範例CH3-1 執行結果： 3-1 條列式清單 3-1-2 項目清單 UL /UL 其特徵在於提供一種不編號的列表方式，而在每一個項 目文字之前，以符號作為分項標幟。 格式： UL LI 項目1 LI 項目2 ….. /UL 3-1 條列式清單 範例CH3-2 ： 3-1 條列式清單 範例CH3-2 執行結果： 3-1 條列式清單 3-1-3 定義式清單 DL DT DD 其特徵在於每一個要像都包含兩個要素：一是主標題， 一是次要項內容。 每一個標題之下可以有多個次要項內容，而次要項內容 是以縮排的方式來顯示。 主標題以DT表示，次要項內容以DD表示。 DD必須跟隨在DT之後，不能單獨存在。 格式： DL DT 主標題1 DD 項目1 DD 項目2 …… DT 主標題2 DD 項目1 DD 項目2 ……  ….. /DL 3-1 條列式清單 範例CH3-3 ： 3-1 條列式清單 範例CH3-3 執行結果： 3-1 條列式清單 3-1-4 菜單式清單 MENU /MENU 在 HTML 中可以使用 MENU 及 /MENU 表示一個 菜單，並使用 LI 標記作為輔助。 格式： MENU LI 項目1 LI 項目2 ….. /MENU 3-1 條列式清單 範例CH3-4 ： 3-1 條列式清單 範例CH3-4 執行結果： 3-1 條列式清單 3-1-5 目錄式清單 DIR /DIR 目錄式清單和菜單式清單相同，皆在列表項目之前加上 項目符號。 格式： DIR LI 項目1 LI 項目2 ….. /DIR 3-1 條列式清單 範例CH3-5 ： 3-1 條列式清單 範例CH3-5 執行結果： 3-1 條列式清單 3-1-6 巢狀式清單 巢狀式清單和家譜相類似，你可以不斷向下延伸，直到 你希望它停止為止。 3-1 條列式清單 範例CH3-6 ： 3-1 條列式清單 範例CH3-6 執行結果： 3-1 條列式清單 3-2-1 項目編號與符號的特殊使用 在編號清單 OL 標籤中加入 TYPE 屬性，可控制清單的 編號方式。 START 屬性是控制依序列表