【HTML】HTML基础7.2(有序列表)

目录

标签

效果

注意


标签

html 复制代码
<ol>
<li>列表内容</li>
<li>列表内容</li>
<li>列表内容</li>
<li>列表内容</li>
。。。。。。
</ol>

效果

代码

html 复制代码
<ol>
			<li>银河护卫队 10000000000</li>
			<li><img src="img/5ren..jpg" width="100" ></li>
			<li>银河护卫队2 1000000000	</li>
			<li><img src="img/5人。2.jpg" width="100"/></li>
		
			<li>银河护卫队3 100000000001</li>
			
		</ol>

注意

①和无序列表一样,<ol>标签里只能有<li>标签,而<li>标签中可以是任何图片,上文中<li>标签里就是链接,当然也可以是图片啦~

②可以发现,有序列表中会默认出现数字,但是并没有自动排序的功能

今天的分享到这里就结束啦~希望能帮到您!

相关推荐
村口曹大爷5 分钟前
JDK 24 正式发布:性能压轴,为下一代 LTS 铺平道路
java·开发语言
布列瑟农的星空8 分钟前
2025年度总结——认真生活,快乐工作
前端·后端
1.14(java)8 分钟前
MySQL数据库操作全攻略
java·数据库·mysql
点亮一颗LED(从入门到放弃)12 分钟前
设备模型(10)
linux·服务器·前端
xingzhemengyou112 分钟前
Python 有哪些定时器
前端·python
木西15 分钟前
Gemini 3 最新版!Node.js 代理调用教程
前端·node.js·gemini
婷婷婷婷25 分钟前
表格组件封装详解(含完整代码)
前端
前端Hardy26 分钟前
祝大家 2026 年新年快乐,代码无 bug,需求一次过
javascript·css·html
晴虹26 分钟前
lecen:一个更好的开源可视化系统搭建项目--页面设计器(表单设计器)--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人
前端·后端·低代码
正远数智27 分钟前
深度解析:SRM系统如何赋能采购库存协同
java·lowcode