html的标签嵌套规则

html的标签嵌套规则,第1张

p只能嵌套行内标签,ul/ol下只能嵌套li,dl下只能嵌套dt,dd

相反,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:标签用于定义列表中的项目

嵌套,指的是在已有的表格、图像或图层中再加进去一个或多个表格、图像或图层,亦或两个物体有装配关系时,将一个物体嵌入另一物体的方法。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7314955.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存