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

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

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

相关推荐
程序员南飞1 小时前
ps aux | grep smart_webrtc这条指令代表什么意思
java·linux·ubuntu·webrtc
弥琉撒到我1 小时前
微服务swagger解析部署使用全流程
java·微服务·架构·swagger
一颗花生米。2 小时前
深入理解JavaScript 的原型继承
java·开发语言·javascript·原型模式
问道飞鱼2 小时前
Java基础-单例模式的实现
java·开发语言·单例模式
学习使我快乐012 小时前
JS进阶 3——深入面向对象、原型
开发语言·前端·javascript
bobostudio19952 小时前
TypeScript 设计模式之【策略模式】
前端·javascript·设计模式·typescript·策略模式
黄尚圈圈3 小时前
Vue 中引入 ECharts 的详细步骤与示例
前端·vue.js·echarts
浮华似水4 小时前
简洁之道 - React Hook Form
前端
ok!ko5 小时前
设计模式之原型模式(通俗易懂--代码辅助理解【Java版】)
java·设计模式·原型模式
正小安6 小时前
如何在微信小程序中实现分包加载和预下载
前端·微信小程序·小程序