养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何在HTML中制作列表标记,以及实现列表嵌套

时间:2024-10-28 11:24:29

列表标记,既HTML语言中有序列表和无序列表。在HTML中,运用好有序列表和无序列表可以使网页排版更加整齐有序,尤其是制作目录时必须掌握的技能。

工具/原料

一台计算机

软件:dw或者记事本

方法/步骤

1、无序列表无序列表中每一个表项的前面鋈守踬痊是项目符号(如■、●等)。建立无序列表使用<UL>标记和<LI>表项标记。格式为:<ULtype=符号类型>惺绅寨瞀<LItype=符号类型>第一个列表项<LItype=符号类型>第二个列表项…………</UL>

2、<LI>标记:是单标记,即一个表项的开始,就是前一个表项的结束。Type:指定每个表项左端的符号类型,可为disc(实心圆点●)、circle(空心圆点○)、square(方块□),还可以自己设置图片,如<LIimgsrc=mygraph.gif>默认为实心圆点。

3、例无序列表标记的使用&盟敢势袂lt;HTML><HEAD><TITLE>无序列表标记的使用<稆糨孝汶;/TITLE></HEAD><BODY><FONTsize=4>网络的拓扑结构</FONT><UL><LI>总线结构<LItype="circle">星型结构<LItype="square">环型结构</UL></BODY></HTML>

如何在HTML中制作列表标记,以及实现列表嵌套

4、有序列表使用<OL>标记可以建立有序列表,表项的标记仍为LI,格式为:<OLtype=符号类型><LItype=符号类型>第一个表项<LItype=符号类型>第二个表项…………</OL>

5、type属性可设定5种序号:数字(type=1)、大写英文字母(type=A)、小写英文字母(type=a)、大写罗马字母(type=I)、小写罗马字母(type=i),缺省的序号标记是数字。

6、例有序列表标记的使用&盟敢势袂lt;HTML><HEAD><TITLE>有序列表标记的使用<稆糨孝汶;/TITLE></HEAD><BODY>通过拨号网络连接Internet的步骤<OL><LI>安装调制解调器<LI>创建拨号连接<LItype="A">设置拨号网络<LItype="i">设置拨号网络</OL></BODY></HTML>

如何在HTML中制作列表标记,以及实现列表嵌套

7、列表的嵌套列表嵌套能将制作的网页页面分割为多层次,比如图书的目录,让人觉得有很强的层次感。有序列表和无序列表不仅能自身嵌套,而且也能互相嵌套。

8、无序列表中套无序列表

如何在HTML中制作列表标记,以及实现列表嵌套

9、有序列表中套无序列表

如何在HTML中制作列表标记,以及实现列表嵌套

© 一点知识