HTML列表
HTML为网络作者提供了三种指定信息列表的方式。所有列表必须包含一个或多个列表元素。清单可能包含:
HTML无序列表
无序列表是没有特殊顺序或序列的相关项目的集合。该列表是使用HTML创建的
标签。列表中的每个项目都标有项目符号。
<!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <ul> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ul> </body> </html>
这将产生以下结果:
类型属性
你可以使用 type
- 标记的属性,以指定所需的项目符号类型。默认情况下,它是光盘。以下是可能的选择:
<ul type = "square"> <ul type = "disc"> <ul type = "circle">
以下是我们使用
- 的示例
<!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <ul type = "square"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ul> </body> </html>
这将产生以下结果:
以下是我们使用
- 的示例:
<!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <ul type = "disc"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ul> </body> </html>
这将产生以下结果:
以下是我们使用
- 的示例:
<!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <ul type = "circle"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ul> </body> </html>
这将产生以下结果:
HTML有序列表
如果需要将项目放在编号列表中而不是项目符号中,则将使用HTML排序列表。该列表是通过使用创建的
标签。编号从1开始,并且对于每个用
<!DOCTYPE html> <html> <head> <title>HTML Ordered List</title> </head> <body> <ol> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ol> </body> </html>
这将产生以下结果:
类型属性
你可以使用 type
- 标记的属性,以指定所需的编号类型。默认情况下,它是一个数字。以下是可能的选择:
-
- :定义列表的开始
-
- :一个学期
-
- :术语定义
- dl>:定义列表的末尾
<ol type = "1"> - Default-Case Numerals. <ol type = "I"> - Upper-Case Numerals. <ol type = "i"> - Lower-Case Numerals. <ol type = "A"> - Upper-Case Letters. <ol type = "a"> - Lower-Case Letters.
以下是我们使用
<!DOCTYPE html> <html> <head> <title>HTML Ordered List</title> </head> <body> <ol type = "1"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ol> </body> </html>
这将产生以下结果:
以下是我们使用
<!DOCTYPE html> <html> <head> <title>HTML Ordered List</title> </head> <body> <ol type = "I"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ol> </body> </html>
这将产生以下结果:
以下是我们使用
- 的示例
<!DOCTYPE html> <html> <head> <title>HTML Ordered List</title> </head> <body> <ol type = "i"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ol> </body> </html>
这将产生以下结果:
以下是我们使用
- 的示例
<!DOCTYPE html> <html> <head> <title>HTML Ordered List</title> </head> <body> <ol type = "A"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ol> </body> </html>
这将产生以下结果:
以下是我们使用
- 的示例
<!DOCTYPE html> <html> <head> <title>HTML Ordered List</title> </head> <body> <ol type = "a"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ol> </body> </html>
这将产生以下结果:
开始属性
你可以使用 start
- 标记的属性,以指定所需的编号起点。以下是可能的选择:
<ol type = "1" start = "4"> - Numerals starts with 4. <ol type = "I" start = "4"> - Numerals starts with IV. <ol type = "i" start = "4"> - Numerals starts with iv. <ol type = "a" start = "4"> - Letters starts with d. <ol type = "A" start = "4"> - Letters starts with D.
以下是我们使用
- 的示例
<!DOCTYPE html> <html> <head> <title>HTML Ordered List</title> </head> <body> <ol type = "i" start = "4"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ol> </body> </html>
这将产生以下结果:
HTML定义列表
HTML和XHTML支持一种称为的列表样式 定义清单 条目在字典或百科全书中的列出方式。定义列表是呈现词汇表,术语列表或其他名称/值列表的理想方法。
定义列表使用以下三个标签。
<!DOCTYPE html> <html> <head> <title>HTML Definition List</title> </head> <body> <dl> <dt><b>HTML</b></dt> <dd>This stands for Hyper Text Markup Language</dd> <dt><b>HTTP</b></dt> <dd>This stands for Hyper Text Transfer Protocol</dd> </dl> </body> </html>
这将产生以下结果: