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

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

方法/步骤

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

注意事项

注意一般不采用无序列表嵌套有序列表

采用无序列表还是有序列表取决于目录的性质与数量

html设置列表符号在盒子里面是通过CSS指定位置,将外面的文字移到里面。根据查询相关资料信息,html通过CSS指定位置,把盒子外面的文字移到盒子里面,html超文本标记语言,标准通用标记语言下的一个应用。超文本就是指页面内能包含图片、链接,甚至音乐、程序等非文字元素。广泛应用于各个行业。

1、在HTML中,表格的标签是<table></table>

2、在HTML中,单元格的标签是<td></td>

3、在HTML中,表格的行标签是<tr></tr>

4、在HTML中,表示空格的特殊符号是&nbsp

5、在HTML中,表单控件的标记符是<form></form>

6、在HTML中,表单中多行文本域的标记符是<textarea></textarea>

7、在HTML中,超文本文件的扩展名是.html

8、在HTML中,插入图片的标记符是<imgsrc=”图片地址”>

9、在HTML文件中,表示文件主体部分的标签是<body></body>

10、在HTML文件中,标题的标记符是<title></title>

11、在HTML中,用来定义超文本文档的标记符是<a>

12、在HTML中,用来介绍与文件内容有关的信息.的标记符是<head></head>

13、在HTML中,换行标记符是<br>

14、在HTML中,用来定义段落的标记符是 <p></p>

15、在HTML中,用来定义黑体的标记符是 <b></b>

16、在HTML中,用来定义斜体.的标记符是 <i></i>

17、在HTML中,用来显示文字加下划线.的标记符是<u></u>

18、在HTML中,用来定义无序列表的标记符是<ul></ul>

19、在HTML中,用来定义有序列表.的标记符是<ol></ol>

20、在HTML中,超链接中用来指明超链接目标的属性的标记是<a href=”地址”></a>

21、在HTML中,表示版权符号的特殊符号是&copy

22、HTML的主体内容放在文件中的什么标记之间<body></body>


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存