HTML入门笔记19-HTML中Order List标签

最新推荐文章于 2023-02-09 00:14:32 发布

Anthony_tester

最新推荐文章于 2023-02-09 00:14:32 发布

阅读量3.9k

点赞数 2

分类专栏： HTML入门系列文章标签： HTML Order List

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

版权

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

26 篇文章 9 订阅

订阅专栏

本篇来学习下HTML中Order List标签，什么是Order List呢，字面意思是顺序列表。

直接来看看例子。

<!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>
		<ol>
			<li>张三</li>
			<li>李四</li>
			<li>王二</li>
			<li>支付宝</li>
			<li>张大伟</li>
		</ol>
    </body>  
</html>

运行发现，张三前面有一个数字1，张大伟前面有一个数字5，是一个顺序的展示。

看看不同顺序展示写法，例如a b c这样排序显示。

<!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>
		<ol type="a">
			<li>张三</li>
			<li>李四</li>
			<li>王二</li>
			<li>支付宝</li>
			<li>张大伟</li>
		</ol>
    </body>  
</html>

这个时候就换成了a.张三 b.李四这样效果。你可以试试type="A" 或者type="i"，type="I"，看看运行什么效果。

Anthony_tester

关注

2
点赞
踩
2

收藏

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

本篇来学习下HTML中Order List标签，什么是Order List呢，字面意思是顺序列表。直接来看看例子。 HTML mail 链接 Ordered List举例张三李四王
复制链接

扫一扫

专栏目录