【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>标签里就是链接,当然也可以是图片啦~

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

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

相关推荐
小许好楠2 分钟前
java开发工程师-学习方式
java·开发语言·学习
Halo_tjn20 分钟前
基于 IO 流实现文件操作的专项实验
java·开发语言
姓蔡小朋友25 分钟前
MySQL事务、InnoDB存储引擎
java·数据库·mysql
岁月宁静25 分钟前
MasterGo AI 实战教程:10分钟生成网页设计图(附案例演示)
前端·aigc·视觉设计
业精于勤的牙28 分钟前
最长特殊序列(二)
java·开发语言·算法
林shir42 分钟前
Java基础1.3-Java基础语法
java
狗头大军之江苏分军42 分钟前
快手12·22事故原因的合理猜测
前端·后端
我命由我123451 小时前
CSS 锚点定位 - 锚点定位引入(anchor-name、position-anchor)
开发语言·前端·javascript·css·学习·html·学习方法
哟哟耶耶1 小时前
js-清除首尾空白字符再进行空白匹配str.trim().match(...)
开发语言·前端·javascript
Java小白笔记1 小时前
Java基本快捷方法
java·开发语言