网页文字前面加标记符号——无序列表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中怎么设置主次浏览器
  • 热门搜索
    甲硝唑凝胶可以去痘痘吗 庄河旅游 长黄褐斑怎么办 全球最美10个旅游胜地 峨眉山景区地图 标点符号怎么打 躺下头晕是怎么回事 吃什么可以降血脂 苏州旅游景点 丽水旅游攻略