零基础HTML入门教程(20)——有序列表
教程管理员 发布于2023-09-30 14:12 HTML教程 144
简介:
所谓有序列表,就是有顺序的列表,即列表前面带个123或abc什么的。英文单词为“Ordered List”,标签为OL,作用是在网页中显示一个有顺序的列表。我们前几个小节学习了注释,换行等。我们这一小节学习一下有序列表并熟练使用有序列表。有序列表ol表示他是有顺序的,我们要熟练使用有序列表。
本章目录
- 1.任务目标
- 2.有序列表
- 3.代码如下
- 4.小结
1.任务目标
我们前几个小节学习了注释,换行等。我们这一小节学习一下有序列表并熟练使用有序列表。
2.有序列表
所谓有序列表,就是有顺序的列表,即列表前面带个123或abc什么的。英文单词为“Ordered List”,标签为OL,作用是在网页中显示一个有顺序的列表。
3.代码如下
代码部分:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <ol> <li>张三</li> <li>李四</li> <li>赵五</li> </ol> </body> </html>
效果如下
4.小结
有序列表ol表示他是有顺序的,我们要熟练使用有序列表。
- 上一篇:html5之Canvas坐标变换应用-时钟实例
- 下一篇:html文件中引入js代码
相关推荐
- 10-04 在HTML中取得请求中的参数
- 10-04 SharePoint 2013 母版页取消和HTML页关联
- 10-04 29行代码使用HTML5 Canvas API绘制一颗红心
- 10-04 浏览器加载和渲染html的顺序,Div和Table的区别
- 10-04 《HTML5完美游戏开发》——2.6 Processing.js实例和整合
- 10-04 如何关闭Struts2的webconsole.html
- 10-04 《HTML5 开发实例大全》——1.4 使用CSS修饰HTML 5页面
- 10-04 《HTML5游戏编程核心技术与实战》——2.8 小结
- 10-04 腾讯视频生成的Html代码
- 10-04 ie下tbody的innerhtml属性只读
- 控制面板
- 友情链接
- 最近发表
-
- 涂鸦而不乱简约艺术主题Office PPT免费模板背景素材下载
- 有创意的情人表白动态贺卡Office PPT免费模板背景素材下载
- 绿色简约技能竞赛电力Office PPT免费模板背景素材下载
- 极简几何商务蓝年终总结汇报Office PPT免费模板背景素材下载
- 蓝橙简约商务年终总结汇报Office PPT免费模板背景素材下载
- 绿色清新教育风课堂教学通用Office PPT免费模板背景素材下载
- 潮流复古艺术感年终总结Office PPT免费模板背景素材下载
- 浅绿商务风工作总结报告Office PPT免费模板背景素材下载
- 大气简约时尚年终总结汇报Office PPT免费模板背景素材下载
- 喜庆春节风公司年终誓师表彰大会Office PPT免费模板背景素材下载
- 最新留言
-