HTML入门笔记20-HTML中Unorder List标签

最新推荐文章于 2023-04-29 10:48:05 发布

Anthony_tester

最新推荐文章于 2023-04-29 10:48:05 发布

阅读量1.2k

点赞数

分类专栏： HTML入门系列文章标签： HTML unorder list

本文链接：https://blog.csdn.net/u011541946/article/details/76222967

版权

HTML入门系列专栏收录该内容

26 篇文章 9 订阅

订阅专栏

前面一篇介绍了如何使用Ordered List，今天来学习下Unordered List的几种使用。

1.默认无序显示举例

<!DOCTYPE html>  
      
<html>  
      
    <head>  
        <title>  
            HTML mail 链接
        </title>  
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    </head>  
    <body>  
		<center><h1>Ordered List举例</h1></center>
		<ul >
			<li>张三</li>
			<li>李四</li>
			<li>王二</li>
			<li>支付宝</li>
			<li>张大伟</li>
		</ul>
    </body>  
</html>

显示效果是实心小圆点

2.采用小正方形显示

<!DOCTYPE html>  
      
<html>  
      
    <head>  
        <title>  
            HTML 无序链接
        </title>  
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    </head>  
    <body>  
		<center><h1>Unordered List举例</h1></center>
		<ul type="square">
			<li>张三</li>
			<li>李四</li>
			<li>王二</li>
			<li>支付宝</li>
			<li>张大伟</li>
		</ul>
    </body>  
</html>

效果如下

3.空心小圆点

写成这样<ul type="circle">，其他不变。

如果你做过web自动化测试，其中应该定位过很多元素，现在应该可以很好去理解和明白ul和ol的意思吧，li肯定是list的缩写，ul就是unordered list的缩写，ol就是ordered list的缩写。

Anthony_tester

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML入门笔记20-HTML中Unorder List标签

前面一篇介绍了如何使用Ordered List，今天来学习下Unordered List的几种使用。1.默认无序显示举例 HTML mail 链接 Ordered List举例张三李四
复制链接

扫一扫