`
郑碧玉
  • 浏览: 15581 次
  • 性别: Icon_minigender_2
  • 来自: 广州
社区版块
存档分类
最新评论

HTML标签中的 ul, li, ol, menu, dd, dt, dir and type的用法

阅读更多
HTML Tags including ul, li, ol, menu, dd, dt, dir and type
The Unordered List element
UL> <LI> </UL>
[UL> denotes the start of an unordered list, <UL>denotes the end of an unordered list, the< LI> is a list item, see below for an example. 

<UL>
<LI>list item number 1
<LI>List item number 2
<LI>List item number 3
</UL> 
will produce: 
List item number 1 
List item number 2 
List item number 3 


The Ordered List element
<OL> <LI> </OL> 

<OL> denotes the start of an ordered list and </OL> denotes the end of an ordered list, <LI> is a list item, see below for an example.

<OL>
<LI>List item number 1
<LI>List item number 2
<LI>List item number 3
</OL> 

will produce: 
1.List item number 1 
2.List item number 2 
3.List item number 3 


The Menu List element
<MENU> <LI> </MENU> 

<MENU> denotes the start of the menu (similar to the <UL> tag), and </menu> denotes the end of the menu, <LI> is a menu/list item, see below for an example.

<MENU>
<LI>Menu item number 1
<LI>Menu item number 2
<LI>Menu item number 3
</MENU> 

will produce: 
.Menu item number 1 
.Menu item number 2 
.Menu item number 3

The Directory List element
<DIR> <LI> </DIR> 

<DIR> denotes the start of the dir listing and </DIR> denotes the end of the dir listing, <LI> is a Dir/list item, see below for an example. 

<DIR>
<LI>Dir listing 1
<LI>Dir listing 2
<LI>Dir listing 3
</DIR> 

will produce: 
.Dir listing 1 
.Dir listing 2 
.Dir listing 3 


The Definition List element
<DL> <DT> <DD> </DL> 

<DL> denotes the start of the definition list, <DT> denotes a Definition Term, <DD> denotes a Definition and </DL> denotes the end of the definition list. See below for an example. 

<DL>
<DT>1st Term
<DD>1st Definition
<DT>2nd Term
<DD>2nd Definition
<DT>3rd Term
<DD>3rd Definition
</DL> 

will produce: 
  1st Term 
     1st Definition 
  2nd Term 
      2nd Definition 
  3rd Term 
      3rd Definition 

Other attributes which can be applied
Here are some attributes you can use within the list elements along with examples: 

TYPE - this can be used with the <UL>, <OL> and <LI> tags, it can have various effects here is one example :

<UL TYPE=SQUARE>
<LI>1st listing
<LI>2nd listing
</UL> 

will produce: 
 .1st listing 
 .2nd listing 
The parameters you can use with the TYPE attribute are CIRCLE, SQUARE (as above), DISC and some more which are described below :

The following parameters when used with the TYPE attribute can change the appearance of ordered lists, these are A, a, I, i, and 1.

<OL TYPE=A> as used below :

<OL TYPE=A>
<LI>1st listing
<LI>2nd listing
<LI>3rd listing
</OL> 

will produce: 
A.1st listing 
B.2nd listing 
C.3rd listing 
and <OL TYPE=a> will produce: 
a.1st listing 
b.2nd listing 
c.3rd listing 

分享到:
评论

相关推荐

    2022年HTML语言剖析(六)清单标记CSSHTML教程.docx

    在早期的HTML版本中,`&lt;MENU&gt;`和`&lt;DIR&gt;`也被用来创建列表,但现在已经不被W3C推荐使用。它们的行为与`&lt;UL&gt;`相似,但在某些特定的浏览器环境下可能表现出类似`&lt;OL&gt;`的效果。为了保持向后兼容性,仍可以在一些场景下...

    【网页设计-最新经典技术文档】HTML语言剖析(六)清单标记.pdf

    - `&lt;MENU&gt;` 和 `&lt;DIR&gt;` 标签在HTML5中已被废弃,它们曾用于创建类似`&lt;UL&gt;`的无序列表,但在某些特定浏览器中可能会表现为有序列表的效果。 - W3C推荐使用`&lt;UL&gt;`和`&lt;OL&gt;`来代替这两个标记。 4. **定义清单 `&lt;DL&gt;`*...

    html标签说明-适用于初学者.txt

    ### HTML基础标签详解 #### 一、文档结构与布局 1. **`&lt;HTML&gt;`**:HTML文档的根元素,所有其他元素均位于此标签内。 - **示例**: ```html ...48. **`&lt;MENU&gt;`** 和 **`&lt;LI&gt;`**:菜单列表。 - **示例...

    html标签大全

    28. `&lt;menu&gt;` 和 `&lt;dir&gt;`:这两个列表标签在HTML5中不再推荐使用,一般用`&lt;ul&gt;`代替。 29. `&lt;dl&gt;`:定义列表,包含`&lt;dt&gt;`(定义条目)和`&lt;dd&gt;`(定义内容)。 30. `&lt;table&gt;`:表格标签,用于创建数据表格。 31. `...

    HTML5标签和属性列表.pdf

    * dir:定义目录列表(HTML 5 中不支持) * font:定义字体(HTML 5 中不支持) * frame:定义子窗口(框架)(HTML 5 中不支持) * frameset:定义框架的集(HTML 5 中不支持) * isindex:定义单行的输入域(HTML ...

    HTML5标签速查表.pdf

    **标签**: `&lt;dl&gt;`, `&lt;dt&gt;`, `&lt;dd&gt;` **描述**: `&lt;dl&gt;`定义定义列表;`&lt;dt&gt;`定义定义列表中的项目;`&lt;dd&gt;`定义项目描述。 **8.6 菜单标签** **标签**: `&lt;menu&gt;`, `&lt;menuitem&gt;`, `&lt;command&gt;` **描述**: `&lt;menu&gt;`...

    html标签,属性大全.pdf

    21. **定义列表标签**:`&lt;dd&gt;` 和 `&lt;dt&gt;` 分别表示定义列表中的描述和术语。 22. **删除文本标签**:`&lt;del&gt;` 用于标记被删除的文本,显示编辑历史。 23. **目录列表标签**:`&lt;dir&gt;` 已弃用,现在通常使用`&lt;ul&gt;`...

    html标签总结

    - **示例**:`&lt;dir&gt;&lt;li&gt;Coffee&lt;/li&gt;&lt;li&gt;Tea&lt;/li&gt;&lt;li&gt;Milk&lt;/li&gt;&lt;/dir&gt;` #### 文档中的节:`&lt;div&gt;` - **作用**:定义文档中的分区或节。 - **示例**:`这是一个黄色背景的div块。&lt;/div&gt;` #### 定义项目:`&lt;dfn&gt;` - *...

    html网页标记大宝库

    - **定义**: `&lt;dir&gt;` 标签已不再推荐使用,通常使用 `&lt;ul&gt;` 来替代。 ##### 定义列表 `&lt;dl&gt;` - **定义**: 定义列表用于展示术语及其解释。 - **组成**: 由 `&lt;dt&gt;` 和 `&lt;dd&gt;` 组成,其中 `&lt;dt&gt;` 用于定义术语,`&lt;dd&gt;...

    html常用标签说明

    - **`&lt;dt&gt;`**:此标签用于定义定义列表中的术语。 - **`&lt;dd&gt;`**:此标签用于定义定义列表中的描述。 - **`&lt;ol&gt;`**:此标签用于定义有序列表。 - **`&lt;ul&gt;`**:此标签用于定义无序列表。 - **`&lt;li&gt;`**:此标签用于定义...

    html常用标签元素

    9. 对齐和缩进标签:`&lt;blockquote&gt;`用于右缩进文本,`&lt;dl&gt;`定义列表,`&lt;dt&gt;`定义术语,`&lt;dd&gt;`定义详细解释,`&lt;ol&gt;`创建有序列表,`&lt;ul&gt;`创建无序列表,`&lt;li&gt;`定义列表项,`&lt;p&gt;`定义段落,`&lt;p align=""&gt;`控制段落对齐...

    html标签列表顺序

    - **`&lt;li&gt;`**: 定义列表中的项,用于`&lt;ul&gt;`和`&lt;ol&gt;`。 - **`&lt;dir&gt;`**: 已废弃,定义目录列表。 - **`&lt;dl&gt;`**: 定义定义列表,即一组术语及其定义。 - **`&lt;dt&gt;`**: 定义定义列表中的术语。 - **`&lt;dd&gt;`**: 定义定义...

    html标签大全下载

    - **`&lt;dl&gt;`**、**`&lt;dt&gt;`** 和 **`&lt;dd&gt;`**:定义定义列表,`&lt;dl&gt;`定义列表项,`&lt;dt&gt;`定义术语,`&lt;dd&gt;`定义描述。 - **`&lt;ol&gt;`** 和 **`&lt;ul&gt;`**:有序列表和无序列表。 - **`&lt;li&gt;`**:列表项。 - **`&lt;table&gt;`**:表格...

    HTML标签说明

    - **应用场景**: 替代方案是使用`&lt;ul&gt;`或`&lt;ol&gt;`标签来定义列表。 #### - **标签**: `&lt;div&gt;` - **描述**: 定义文档中的分区或节。 - **应用场景**: 用于组合文档中的块级元素,并可以通过CSS来设置样式。 #### - ...

    html标签定义 HPH

    51. `&lt;menu&gt;`:不推荐使用,定义菜单列表,现在使用`&lt;ul&gt;`和`&lt;ol&gt;`配合`&lt;li&gt;`创建。 52. `&lt;meta&gt;`:定义关于HTML文档的元信息,如字符编码、描述等。 53. `&lt;noframes&gt;`:为不支持框架的浏览器提供替代内容。 54. ...

    HTML的一些用法及技巧(适合新手)

    列表标签包括`&lt;OL&gt;`(有序列表)、`&lt;UL&gt;`(无序列表)、`&lt;LI&gt;`(列表项)、`&lt;MENU&gt;`和`&lt;DIR&gt;`(已过时)、`&lt;DL&gt;`(定义列表)以及它们的相关子标签,如`&lt;DT&gt;`和`&lt;DD&gt;`。 表格处理则有`&lt;TABLE&gt;`、`&lt;CAPTION&gt;`、`&lt;TR&gt;...

    HTML标签整理.docx

    25. `&lt;dir&gt;`:创建无序列表,HTML5中已废弃,推荐使用`&lt;ul&gt;`。 26. `&lt;div&gt;`:定义一个可显示HTML内容的区块,用于布局和样式控制。 27. `&lt;dl&gt;`:定义一个定义列表。 28. `&lt;dt&gt;`:定义定义列表中的术语。 29. `...

Global site tag (gtag.js) - Google Analytics