HTML网页列表标志学习教程
日期：2014-02-08 浏览次数：20770 次
网页制造aiyiweb文章简介：在html页面中，列表可以起到提纲写领的作用。列表分为两品种型，一是有序列表，一是无序列表。前者用项目符号来标记无序的项目，而后者则使用编号来记录项目的顺序。
HTML网页列表标记学习教程.
在html页面中，列表可以起到提纲写领的作用。列表分为两品种型，一是有序列表，一是无序列表。前者用项目符号来标记无序的项目，而后者则使用编号来记录项目的顺序。
- 所谓有序，指的是按照数字或字母等顺序陈列列表项目。
- 所谓无序，是指以●、○、□等开头的，没有顺序的列表项目。
关于列表的次要标记，如下表所示
| 标记 | 描述 |
|---|---|
| <ul> | 无序列表 |
| <ol> | 有序列表 |
| <dir> | 目录列表 |
| <dl> | 定义列表 |
| <menu> | 菜单列表 |
| <dt>、<dd> | 定义列表的标记 |
| <li> | 列表项目的标记 |
有序列表标记<OL>
有序列表使用编号，而不是项目符号来编排项目。列表中的项目采用数字或英文字母开头，通常各项目间有先后的顺序性。在有序列表中，次要使用<ol>和<li>两个标记以及type和两个start属性。
-
基本语法
- <ol>
- <li>项目一
- <li>项目二
- <li>项目三
- ……
- </ol>
语法解释
在有序列表中，使用<ol>作为有序的声明，使用<li>作为每一个项目的起始。
文件范例：7-1.htm
通过<ol>和<li>标记建立有序列表。
01 <!-- ------------------------------ -->
02 <!-- 文件范例：7-1.htm -->
03 <!-- 文件说明：建立有序列表 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>建立有序列表</title>
08 </head>
09 <body>
10 <h2>图像设计软件</h2>
11 <ol>
12 <li>Photoshop
13 <li>Illustrator
14 <li>Freehand
15 <li>CorelDraw
16 </ol>
17 </body>
18 </html>
文件说明
第11行定义了列表的类型为有序，第12行到第15行使用了<li>标记作为列表项目的开始。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
