 |
位置：电子教程 > HTML入门到精通 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > HTML入门到精通 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| 当前阅读教程：HTML入门到精通 > 3.6 HTML 有序列表ol标签 | ||||||||||||||||||||||
| 阅读(22555525) 收藏 赞(5685) 分享 | ||||||||||||||||||||||
| 上一篇： 3.5 HTML无序列表 ul标签 | 下一篇： 3.7 HTML 自定义列表 dl 标签 | |||||||||||||||||||||
标签定义及使用说明<ol> 标签定义了一个有序列表. 列表排序以数字来显示。 使用<li> 标签来定义列表选项。 提示：使用 CSS 来定义列表样式。 示例代码如下： <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> <ol start="50"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> ol属性语法<ol type="1|a|A|i|I"> ol属性值
type属性值
示例：HTML有序列表 ol标签 和 start属性的使用示例代码如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>HTML有序列表 ol标签 和 start属性的使用</title> </head> <body> <ol> <li>a1</li> <li>a2</li> <li>a3</li> <li>a4</li> <li>a5</li> </ol> <ol start="3"> <li>a1</li> <li>a2</li> <li>a3</li> <li>a4</li> <li>a5</li> </ol> <ol> <li>黄菊华老师</li> <li>课程列表 <ol> <li>HMTL</li> <li>CSS</li> <li>JavaScript(JS)</li> </ol> </li> </ol> </body> </html> 效果如图3-12。
示例：HTML有序列表 ol标签 type几种属性的使用示例代码如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>HTML有序列表 ol标签 和 start属性的使用</title> </head> <body> <ol> <li>a1</li> <li>a2</li> <li>a3</li> </ol> <ol type="a" start="2"> <li>a1</li> <li>a2</li> <li>a3</li> </ol> <ol type="A" start="10"> <li>a1</li> <li>a2</li> <li>a3</li> </ol> <ol type="i" start="2"> <li>a1</li> <li>a2</li> <li>a3</li> </ol> <ol type="I" start="5"> <li>a1</li> <li>a2</li> <li>a3</li> </ol> </body> </html> 效果如图3-13。
|
||||||||||||||||||||||
| 上一篇： 3.5 HTML无序列表 ul标签 | 下一篇： 3.7 HTML 自定义列表 dl 标签 | |||||||||||||||||||||
