现在的位置: 首页 >> 网页设计 >> HTML >> HTML 初学者指南(三)
添加时间:2005-11-11 来源:网教中国 作者: 未知
HTML 初学者指南(三)


列表Lists
HTML 支持不编号 unnumbered, 编号numbered, 和定义definition 三种列表. 你也可以嵌套列表, 但是不要嵌套过多,否则会使读者感到不清晰。

不编号列表Unnumbered Lists

制作一个不编号的,公告式列表,

用开始标记 <UL> ( unnumbered list 的简记) 开始
输入 <LI> (list item) 标记,后面跟独立的项; 不需使用 </LI> 标记
用 </UL> 标记结束整个列表
下面是一个有三个项的列表:

<UL>
<LI> apples
<LI> bananas
<LI> grapefruit
</UL>

输出形式为:

apples
bananas
grapefruit
<LI> 项可以含有多个段落. 用段落标记 <P> 指明.

编号列表Numbered Lists

编号列表 (也称为 有序列表ordered list) 和不编号列表相同, 只是用 <OL> 代替 <UL>. 各项同样用 <LI> 标记. 下面的 HTML 代码:

<OL>
<LI> oranges
<LI> peaches
<LI> grapes
</OL>

产生的输出为:

oranges
peaches
grapes
定义列表Definition Lists

定义列表 (编码为 <DL>) 通常含有交替出现的 定义术语definition term (编码为 <DT>) 和定义描述definition definition (编码为 <DD>). Web 浏览器通常另起一行显示定义描述.

下面是一个定义列表的例子:

<DL>
<DT> NCSA
<DD> NCSA, the National Center for Supercomputing Applications,
is located on the campus of the University of Illinois
at Urbana-Champaign.
<DT> Cornell Theory Center
<DD> CTC is located on the campus of Cornell University in Ithaca,
New York.
</DL>

输出形式为:

NCSA
NCSA, the National Center for Supercomputing Applications, is located on the campus of the University of Illinois at Urbana-Champaign.
Cornell Theory Center
CTC is located on the campus of Cornell University in Ithaca, New York.
<DT> 和 <DD> 项可以包含多个段落 (用 <P> 标记指示), 列表, 或其他的定义信息.

COMPACT 属性可能会被经常使用,如果你的定义术语很简短的话. 例如,如果你想显示一些计算机选项, 它们可以和定义的开始处于同一行中.

<DL COMPACT>
<DT> -i
<DD>invokes NCSA Mosaic for Microsoft Windows using the
initialization file defined in the path
<DT> -k
<DD>invokes NCSA Mosaic for Microsoft Windows in kiosk mode
</DL>

输出形式为:

-i
invokes NCSA Mosaic for Microsoft Windows using the initialization file defined in the path.
-k
invokes NCSA Mosaic for Microsoft Windows in kiosk mode.
嵌套列表Nested Lists

列表可以嵌套. 在每个列表项中,你还可以含有多个段落,每个段落含有嵌套列表.


上一篇:HTML 初学者指南(四) 下一篇:HTML 初学者指南(二)
大部分文章摘自网上,如有侵犯您的权益请与我们联系,我们会第一时间进行处理,谢谢! [ 打印文章 ] [ 关闭窗口 ]
推荐文章
·模仿QQ和MSN消息提示的效果
·动态HTML教程(五)
·表格(Table)
·用好活动字幕标记—marquee
·HTML语言的语法基础及规则
·中文网页制作中段落缩进的方法
·HTML彻底剖析(2)标记一览
·快速精通掌握框架的使用
·感受Web标准,第一次DIV+CSS
·网页制作,使用HTML常范的五个错
相关文章
·HTML 初学者指南(四)
·HTML 初学者指南(五)
·HTML 初学者指南(六)
·HTML 初学者指南(七)
·HTML 初学者指南(八)
·HTML 初学者指南(九)
·HTML 初学者指南(十)
·HTML 初学者指南(二)
·HTML 初学者指南(一)
·HTML 初学者指南(10)
最新文章
·让自己的网站也拥有权威IT报价系
·在网页中实现细线边框的两种方法
·ASP脚本循环语句
·小偷程序原理和简单示例
·精彩:用Asp实现QQ在线查询
·“mailto”的六则应用技巧
·meta标签之详解
·为你的网页链接加上快捷键
·如何在网页中制作虚线表格
·连动下拉菜单
Google