网页制作 
首页 > 网页制作 > 浏览文章

HTML网页列表标记学习教程

(编辑:jimmy 日期: 2024/11/9 浏览:3 次 )
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>标记作为列表项目的开始。
上一页12 3 4 5 6 7 8 下一页 阅读全文
上一篇:HTML网页超链接标记
下一篇:网页表单设计实例技巧五则
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。