网页文字前面加标记符号——无序列表ul标签用法

 时间:2026-02-15 12:09:56

1、新建一个记事本文件,并将扩展名改为.html格式,同时以记事本的方式将其打开!

网页文字前面加标记符号——无序列表ul标签用法

2、添加<html></html>标签限定了文档的开始点和结束点,添加<head></head>头部标签,添加<title>文字前加标记符号</title>!

网页文字前面加标记符号——无序列表ul标签用法

3、添加<body></boyd>主体标签,再添加<ul></ul>无序标签!

网页文字前面加标记符号——无序列表ul标签用法

4、在无序标签中添加文字,以四大名著的名字为例,并用<li> 标签(定义列表项目)包起来!没样式定义的时候,默认为小黑点,保存好后,可以浏览器运行看看效果!

网页文字前面加标记符号——无序列表ul标签用法

网页文字前面加标记符号——无序列表ul标签用法

5、显示圆圈的标记符号,只需要在ul后用type定义一下类型!

<html>

<head>

<title>文字前加标记符号</title>

</head>

<body>

<ul type="circle">

<li>西游记</li>

<li>水浒传</li>

<li>三国演义</li>

<li>红楼梦</li>

</ul>

</body>

</html>

网页文字前面加标记符号——无序列表ul标签用法

网页文字前面加标记符号——无序列表ul标签用法

6、显示方形的标记符号,只需要在ul后用type定义一下类型!

<html>

<head>

<title>文字前加标记符号</title>

</head>

<body>

<ul type="square">

<li>西游记</li>

<li>水浒传</li>

<li>三国演义</li>

<li>红楼梦</li>

</ul>

</body>

</html>

网页文字前面加标记符号——无序列表ul标签用法

网页文字前面加标记符号——无序列表ul标签用法

7、分别显示不同类的标记,只需要在<li>中指定类型就可以了!

<html>

<head>

<title>文字前加标记符号</title>

</head>

<body>

<ul >

<li type="disc">西游记</li>

<li type="square">水浒传</li>

<li type="circle">三国演义</li>

<li>红楼梦</li>

</ul>

</body>

</html>

网页文字前面加标记符号——无序列表ul标签用法

网页文字前面加标记符号——无序列表ul标签用法

  • Dreamweaver CS6如何应用:[14]插入控件
  • css如何给div设置背景图
  • HTML中如何调节一个角的角度代码
  • 怎么通过css制作表格
  • Dreamweaver中怎么设置主次浏览器
  • 热门搜索
    happy birthday是什么意思 思绪万千的意思 升降晾衣架什么牌子好 冰淇淋机什么牌子好 股票净资产是什么意思 什么是交际花 现在什么手机最流行 翘楚的意思 icac是什么意思 一览无余的意思