HTML网页列表标记学习教程XHTML教程

HTML网页列表标记学习教程-XHTML教程

『更新时间：2007-12-24 』『字体：大中小』『作者：模板无忧行云止水 | 来源：模板无忧』

HTML网页列表标记学习教程.

在html页面中，列表可以起到提纲写领的作用。列表分为两种类型，一是有序列表，一是无序列表。前者用项目符号来标记无序的项目，而后者则使用编号来记录项目的顺序。

MB5U____COM

模板无忧-MB5u__com

所谓有序，指的是按照数字或字母等顺序排列列表项目。
所谓无序，是指以●、○、□等开头的，没有顺序的列表项目。

关于列表的主要标记，如下表所示

WWW.MB5U_COM

www.MB5U_COM

标记	描述
<ul>	无序列表
<ol>	有序列表
<dir>	目录列表
<dl>	定义列表
<menu>	菜单列表
<dt>、<dd>	定义列表的标记
<li>	列表项目的标记

MB5u.com__模板无忧

有序列表标记<OL>

有序列表使用编号，而不是项目符号来编排项目。列表中的项目采用数字或英文字母开头，通常各项目间有先后的顺序性。在有序列表中，主要使用<ol>和<li>两个标记以及type和两个start属性。

MB5U_coM

wWw.MB5U_COM

基本语法: <ol>; <li>项目一; <li>项目二; <li>项目三; ……; </ol>

语法解释

在有序列表中，使用<ol>作为有序的声明，使用<li>作为每一个项目的起始。

模板无忧-Mb5u.com

模板无忧-MB5U.-COM

文件范例：7-1.htm

通过<ol>和<li>标记建立有序列表。
01 
02 
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>