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



相关阅读:
隐蔽木马,插入到PHP文件中
XHTML中不再使用HTML中的一些废弃元素
介绍Linux内核函数Start_kernel()的功能
利用sys.sysprocesses检查SqlServer的阻塞和死锁
css的几种以图换字方式小结
为mysql数据库添加添加事务处理的方法
FREEBSD下运行调试asterisk
遍历Hashtable 的几种方法
一个很酷的程序JavaScript做的MID歌曲搜索播放器[IE
html工作中表格&lt;tbody&gt;标签的使用技巧
Web标准真的是标准吗?
获得Google PR值的PHP代码
用MRTG监测Linux系统CPU温度
ASP.NET环境下为网站增加IP过滤功能
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 早春闲居 卓越是人生的境界 董思阳写给大学生的六条忠告 我知道,你很用力的爱着我作文200字 不喜勿入       les微小说【三】 有时我也想有人陪作文600字 26岁,我4年职场路程_职场励志 悄悄转身,勿忘我 心事如尘,碾成泥 快乐到家 我只是一个女孩 关于学习好词好句 生命的涌动作文850字 与其太多心,不如少根筋 电仪车间上半年工作总结及下半年工作计划-部门工作总结_部门工作总结 寒假的生活作文500字 幻实 企业劳务派遣合同 学法懂法心得体会 原来,我也很坚强作文700字 新婚祝福话 未来的万能书包 回忆中的青春 2009年度副校长德育工作述职报告 年里年外作文1600字 师德师风教育活动心得 春运服务明星事迹材料 交通安全我能行作文900字 加油!为自己鼓劲作文150字 小学五年级作文500字:都是Q币惹的祸 平凡小草作文530字 谁唯美了你路过的时光 绿色环保300字 泉水作文 第一次怀揣上万作文500字 初中初一作文650字:爸爸远足归来 学洗衣服作文 2015乡镇上半年矛盾纠纷调处情况分析 家有喜事经典台词 读书让人生更美好800字作文 2016开学第一课的观后感300字 每天守侯在短信上面 受助学生给学校的感谢信 小学五年级作文550字:正月十五闹花灯 五岁生日日记 懂得选择 美丽的蝴蝶发夹200字 人何在 失败中的的一种喜悦作文1200字 开在玻璃上的花

Copyright © 2016 phpStudy |