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

目录

标签

效果 

注意


标签

<ol>
<li>列表内容</li>
<li>列表内容</li>
<li>列表内容</li>
<li>列表内容</li>
。。。。。。
</ol>

标签属性

type

type=1

序号是数字

type=a 序号是小写字母
type=A 序号是大写字母
type=i 序号是小写罗马数字
type=I 序号是大写罗马数字

start

例:

<ol type="a" start="3">
			<li>你好</li>
			<li>不好</li>
			<li>还行</li>
		</ol>


所以start的作用就是把序号往后面移动

效果 

代码

<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. (78)删除有序数组中的重复项(79)排序矩阵查找

    2024-03-12 01:20:03       14 阅读
  2. HTML列表指南:有序、无序与自定义列表的妙用

    2024-03-12 01:20:03       7 阅读
  3. Python基础语法:基本数据类型(列表

    2024-03-12 01:20:03       24 阅读
  4. Python基础List列表定义与函数

    2024-03-12 01:20:03       42 阅读

最近更新

  1. 数据库的优点和缺点分别是什么

    2024-03-12 01:20:03       0 阅读
  2. SQL语句分类

    2024-03-12 01:20:03       0 阅读
  3. vue安装总是失败原因剖析

    2024-03-12 01:20:03       0 阅读
  4. 使用Spring Cloud构建微服务架构下的淘客返利系统

    2024-03-12 01:20:03       1 阅读

热门阅读

  1. Day 9. TCP并发模型、select、poll、epoll

    2024-03-12 01:20:03       22 阅读
  2. 【SQL实用技巧】-- join系列

    2024-03-12 01:20:03       21 阅读
  3. Oracle 12c dataguard查看主备库同步情况的新变化

    2024-03-12 01:20:03       16 阅读