ul元素

ul元素 (unordered list - bullet styles),為「區塊」特性元素,定義項目符號清單。符號清單的項目使用「li」定義。

語法:
<ul 屬性 = "屬性值">標籤內容</ul>
版本:
HTML4.01(S,T,F)、XHTML1.0(S,T,F)、XHTML1.1 *1)
內含元素:
li元素
屬性:
compacttype屬性*2)事件屬性通用屬性(class、dir、id、lang、style、title、xml:lang)
sample code
<h3>項目符號清單的元素有</h3>
<ul type="circle">
<li>ul元素</li><li>li元素</li>
</ul >
output

項目符號清單的元素有

*1)S → Strict DTD ,T → Transitional DTD,F → Frameset DTD。 *2)刪除線 → W3C非推薦屬性,建議是用CSS取代 ,粗體字 → 必要屬性,不可省略。

ol元素

ol元素 (order list - numbered styles),為「區塊」特性元素。定義編號清單。編號清單的項目使用「li」定義。

語法:
<ol 屬性 = "屬性值">標籤內容</ol>
版本:
HTML4.01(S,T,F)、XHTML1.0(S,T,F)、XHTML1.1*1)
內含元素:
li元素
屬性:
compactstarttype屬性*2)事件屬性通用屬性(class、dir、id、lang、style、title、xml:lang)
sample code
<h3>編號清單的元素有</h3>
<ol  start="1" type="1">
<li>ul元素</li><li>li元素</li>
</ol >
output

編號清單的元素有

  1. ol元素
  2. li元素
*1)S → Strict DTD ,T → Transitional DTD,F → Frameset DTD。 *2)刪除線 → W3C非推薦屬性,建議是用CSS取代 ,粗體字 → 必要屬性,不可省略。

li元素

li元素(list item),目錄清單(dir)、選項清單(menu)、項目符號清單(ul)、編號清單(ol)的子元素,定義各種清單項目。

語法:
<li 屬性 = "屬性值">標籤內容</li>
版本:
HTML4.01(S,T,F)、XHTML1.0(S,T,F)、XHTML1.1 *1)
內含元素:
區塊」元素、「線內」元素、Text
屬性:
typevalue屬性*2)事件屬性通用屬性(class、dir、id、lang、style、title、xml:lang)
sample code
<h3>li元素是下列元素的子元素</h3>
<ol>
<li value="1">dir元素</li><li>menu元素</li><li>ul元素</li><li>li元素</li>
</ol >
output

li元素是下列元素的子元素

  1. dir元素
  2. menu元素
  3. ul元素
  4. ol元素
*1)S → Strict DTD ,T → Transitional DTD,F → Frameset DTD。 *2)刪除線 → W3C非推薦屬性,建議是用CSS取代 ,粗體字 → 必要屬性,不可省略。

dl元素

dl元素(definition list)為「區塊」特性元素,設定定義型清單。定義型清單包括定義項目和內容2個部分,dt元素定義其項目,dd元素定義其內容。

語法:
<dl 屬性 = "屬性值">標籤內容</dl>
版本:
HTML4.01(T,F)、XHTML1.0(T,F) *1)
內含元素:
1個以上的dt、dd元素
屬性:
compact屬性*2)事件屬性通用屬性(class、dir、id、lang、style、title、xml:lang)
sample code
<dl>
<dt>dl元素</dt><dd>為一種定義型清單(definition list)</dd>
</dl>
output
dl元素
為一種定義型清單(definition list)
*1)S → Strict DTD ,T → Transitional DTD,F → Frameset DTD。 *2)刪除線 → W3C非推薦屬性,建議是用CSS取代 ,粗體字 → 必要屬性,不可省略。

dt元素

dt元素(definition term)為dl元素的子元素,設定定義型清單的定義項目。

語法:
<dt 屬性 = "屬性值">標籤內容</dt>
版本:
HTML4.01(T,F)、XHTML1.0(T,F) *1)
內含元素:
線內」元素、Text
屬性:
事件屬性通用屬性(class、dir、id、lang、style、title、xml:lang)
sample code
<dl>
<dt>dl元素</dt><dd>為一種定義型清單(definition list)</dd>
</dl>
output
dl元素
為一種定義型清單(definition list)
*1)S → Strict DTD ,T → Transitional DTD,F → Frameset DTD。

dd元素

dd元素(definition discription)為dl元素的子元素,設定定義型清單的定義項目內容。

語法:
<dd 屬性 = "屬性值">標籤內容</dd>
版本:
HTML4.01(T,F)、XHTML1.0(T,F) *1)
內含元素:
區塊」元素、「線內」元素、Text
屬性:
事件屬性通用屬性(class、dir、id、lang、style、title、xml:lang)
sample code
<dl>
<dt>dl元素</dt><dd>為一種定義型清單(definition list)</dd>
</dl>
output
dl元素
為一種定義型清單(definition list)
*1)S → Strict DTD ,T → Transitional DTD,F → Frameset DTD。

dfn元素

dfn元素(definition)為「線內」元素,設定專門用語。一般以斜線表示

語法:
<dfn 屬性 = "屬性值">標籤內容</dfn>
版本:
HTML4.01(T,F)、XHTML1.0(T,F) *1)
內含元素:
線內」元素、Text
屬性:
事件屬性通用屬性(class、dir、id、lang、style、title、xml:lang)
sample code
<p>
<dfn>dfn元素</dfn>用於設定專門用語。
</p>
output

dfn元素用於設定專門用語。

*1)S → Strict DTD ,T → Transitional DTD,F → Frameset DTD。



Copyright(C)2009超技情報開發研究室 All rights reserved.