经常会看到一些网页的文字前面有一些标记符号,其实这是通过无序表ul标签来实现的,现在来看看是怎样使用的,一般来说还要搭配li标签
工具/原料
记事本
方法/步骤
1、新建一个记事本文件,并将扩展名改为.html格式,同时以记事本的方式将其打开!
2、添加<html></html>标签限定了文档的开始点和结束点,添加<head></head>头部标签,添加<title>文字前加标记符号</title>!
3、添加<body></boyd>主体标签,再添加<ul></ul>无序标签!
4、在无序标签中添加文字,以四大名著的名字为例,并用<li>标签(定义列表项目)包起来!没样式定义的时候,默认为小黑点,保存好后,可以浏览器运行看看效果!
5、显示圆圈的标记符号,只需要在u盟敢势袂l后用type定义一下类型!<html><head><titl髫潋啜缅e>文字前加标记符号</title></head><body><ultype="circle"><li>西游记</li><li>水浒传</li><li>三国演义</li><li>红楼梦</li></ul></body></html>
6、显示方形的标记符号,只需要在ul后用type定义一下类型!<html><head><title>文字前加标记符号</title></head><body><ultype="square"><li>西游记</li><li>水浒传</li><li>三国演义</li><li>红楼梦</li></ul></body></html>
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>