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

 时间:2024-10-28 22:27:00

经常会看到一些网页的文字前面有一些标记符号,其实这是通过无序表ul标签来实现的,现在来看看是怎样使用的,一般来说还要搭配li标签

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

工具/原料

记事本

方法/步骤

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

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

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

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

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

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

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

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

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

5、显示圆圈的标记符号,只需要在u盟敢势袂l后用type定义一下类型!<html><head><titl髫潋啜缅e>文字前加标记符号</title></head><body><ultype="circle"><li>西游记</li><li>水浒传</li><li>三国演义</li><li>红楼梦</li></ul></body></html>

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

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

6、显示方形的标记符号,只需要在ul后用type定义一下类型!<html><head><title>文字前加标记符号</title></head><body><ultype="square"><li>西游记</li><li>水浒传</li><li>三国演义</li><li>红楼梦</li></ul></body></html>

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

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

7、分别显示不同类的标记,只需要在<li&g隋茚粟胫t;中指定类型就可以了!<html><head><title&爿讥旌护gt;文字前加标记符号</title></head><body><ul><litype="disc">西游记</li><litype="square">水浒传</li><litype="circle">三国演义</li><li>红楼梦</li></ul></body></html>

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

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

Dreamweaver CS6如何应用:[14]插入控件 css如何给div设置背景图 HTML中如何调节一个角的角度代码 如何结合Hbuilder使用Chrome浏览器? 怎么通过css制作表格
热门搜索
小藏獒图片 宋佳电影 美少女简笔画图片大全 武则天电影 室内楼梯图片