A.現在我們用實例來逐一介紹這幾個標籤。 1.【ul】:(Unnembered List)無序號項目清單 <ul> <li> .... <li> </ul> TYPE為項目符號的屬性,其設定值有TYPE=CIRCLE(。)、DISC(●)、SQUARE(實方型)屬性值。 2.【ol】:(Ordered List)有序號項目清單 <ol> <li> .... <li> </ol> TYPE數字編號的屬性,其設定值,計有TYPE=1、a、A、i、I屬性值(注意大小寫有別)。 既然是數字編號,那他就可以將屬性TYPE=?,另外再加屬性START=n,讓他有起始數字的設定值。 他們可相互包覆(巢狀)使用,<ul>及<ol>須結尾標籤,<li>不用,內可含蓋其他標籤。 3.【ul】 vs 【ol】:兩者的混合使用狀況。 4.【dl】【dt】【dd】:(Definition List)敘述式清單 <dl> <dt> <dd> <dd> . . . <dt> <dd> . </dl> 這類清單一般是包含數個主題<dt>(Data Term),每個主題之下就是內容文字敘述 <dd>(Data Description);其特徵是,<dd>會空出5個字元來,自動換列並會隨瀏覽器縮排。 敘述式清單除<dl>須結尾標籤外,其餘<dt>及<dd>均可不用。 5.【總合範例壹】【總合範例貳】:所有標籤混合使用狀況。 A.提醒您:標籤可使用來練習,但無法存檔;所以繳交作業時,請用NotePad來撰寫存檔。 B.本次作業:請任找一篇文章,使用上述語法,完成一個作業,存成ol.htm & dd.htm檔名,上傳到您的主機內並作一個鏈結:<A Href="ol.html">項目清單</A>及<A Href="dd.html">敘述式清單</A> (本語法請先照抄,後面會詳細介紹),完成後記得自己先試一試哦! |