相反,li只能呗ul/ol嵌套,dt,dd只能被dl嵌套
其他块标签可以嵌套所以标签
a标签可以嵌套所有标签
其他行内标签只可以嵌套行内标签
所有行内标签不可以嵌套自身
table下只能嵌套tbody和thead
tbody和thead下只能嵌套tr
tr下只能嵌套th、td
td下可嵌套所有标签
方法/步骤1
无序列表中每一个表项的前面是项目符号(如■ 、 ● 等)。
建立无序列表使用<UL>标记和<LI>表项标记。格式为:
<UL type=符号类型>
<LI type=符号类型>第一个列表项
<LI type=符号类型>第二个列表项
……
……
</UL>
2
<LI>标记:是单标记,即一个表项的开始,就是前一个表
项的结束。
Type: 指定每个表项左端的符号类型,可为
disc(实心圆点●)、
circle(空心圆点○)、
square(方块□),
还可以自己设置图片,
如<LI img src=mygraph.gif>默认为实心圆点。
3
例 无序列表标记的使用
<HTML>
<HEAD>
<TITLE>无序列表标记的使用</TITLE>
</HEAD>
<BODY>
<FONT size=4>网络的拓扑结构</FONT>
<UL>
<LI>总线结构
<LI type="circle">星型结构
<LI type="square">环型结构
</UL>
</BODY>
</HTML>
4
有序列表
使用<OL>标记可以建立有序列表,表项的标记仍为LI,格式为:
<OL type=符号类型>
<LI type=符号类型>第一个表项
<LI type=符号类型>第二个表项
……
……
</OL>
5
type属性可设定5种序号:
数字(type=1)、
大写英文字母(type=A)、
小写英文字母(type=a)、
大写罗马字母(type=I)、
小写罗马字母(type=i),
缺省的序号标记是数字。
6
例 有序列表标记的使用
<HTML>
<HEAD>
<TITLE>有序列表标记的使用</TITLE>
</HEAD>
<BODY>
通过拨号网络连接Internet的步骤
<OL>
<LI>安装调制解调器
<LI>创建拨号连接
<LI type="A">设置拨号网络
<LI type="i">设置拨号网络
</OL>
</BODY>
</HTML>
7
列表的嵌套
列表嵌套能将制作的网页页面分割为多层次,比如图书的目录,让人觉得有很强的层次感。有序列表和无序列表不仅能自身嵌套,而且也能互相嵌套。
8
无序列表中套无序列表
9
有序列表中套无序列表
END
注意事项
注意一般不采用无序列表嵌套有序列表
采用无序列表还是有序列表取决于目录的性质与数量
必须要用ul、li这两个元素。ul: 标签用于定义无序列表。li:标签用于定义列表中的项目
嵌套,指的是在已有的表格、图像或图层中再加进去一个或多个表格、图像或图层,亦或两个物体有装配关系时,将一个物体嵌入另一物体的方法。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)