首页
课程
路径
文章
PHP培训
精品课
下载

技术文章  >  web前端 > 前端问答

html中ol标签的用法是什么

WBOY
WBOY 原创
2021-12-30 16:18:00 2967浏览

在html中，ol标签用于定义一个有序列表，列表的排序以数字来显示，列表内的内容由li标签来定义，语法为“<ol><li>...</li></ol>”；当ol标签内设置reversed属性时，可以将有序列表倒序显示。

本教程操作环境：windows10系统、HTML5版、Dell G3电脑。

html中ol标签的用法是什么

<ol> 标签用于定义了一个有序列表. 列表排序以数字来显示。

使用<li> 标签来定义列表选项。

可以使用 CSS 来渲染，无序列表，可以使用 <ul> 标签。

语法如下：

<ol>
<li>...</li>
...
</ol>

示例如下：

<html>
<head> 
<meta charset="utf-8"> 
<title>123</title> 
</head>
<body>
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
 
</body>
</html>

输出结果：

37.png

推荐教程：《html视频教程》

以上就是html中ol标签的用法是什么的详细内容，更多请关注php中文网其它相关文章！

htmlPHP课程HTML视频教程CSS视频JS视频教程Vue视频教程
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一条：html强制跳转代码是什么 下一条：html5怎样设置button按钮跳转页面

相关文章

查看更多
  • 热门课程
打开APP，随时随地在线学习！