首页 > 开发 > HTML > 正文

HTML网页列表标记学习教程

2020-09-18 22:16:56
字体:
来源:转载
供稿:网友

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

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

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

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

有序列表标记<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>标记作为列表项目的开始。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表