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

 时间:2024-11-13 00:00:56

列表标记,既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中制作列表标记,以及实现列表嵌套

HTML中如何调节一个角的角度代码 html+css怎么实现横向导航 html创建简单的登录界面 div+css怎样实现圆圈里放个图片 jquery代码实现鼠标点击html元素改变其css属性
热门搜索
科比霸气高清图片 扬帆起航图片 变性漫画 蓝色的图片 木头人图片