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

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

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

相关推荐
老王以为3 分钟前
从源码到架构:React useActionState 深度剖析
前端·javascript·react.js
前端超有趣4 分钟前
详解JavaScript中encodeURIComponent和decodeURIComponent的使用(附实战场景)
前端·javascript
用户2986985301410 分钟前
Java 从零生成 Word 文档:段落、图片与表格操作
java·后端
2401_8332693011 分钟前
Java IO流:从字节到字符的桥梁
java·开发语言
月落归舟26 分钟前
深入剖析乐观锁背后的原理
java·乐观锁
萧曵 丶28 分钟前
Vue3组件通信全方案
前端·javascript·vue.js·typescript·vue3
SimonKing39 分钟前
OpenCode 在 IDEA 中使用 ACP 协议 VS 直接使用 TUI,哪个编程方式更是你的菜?
java·后端·程序员
前端那点事44 分钟前
双Token无感刷新:Vue3 + Axios 企业级完整实现
前端·vue.js
前端那点事1 小时前
Vue Token鉴权避坑指南|5步完整实现(从生成到失效全解析)
前端·vue.js
Momo__1 小时前
package.json 配置详解:依赖管理深度指南
前端