HTML基础 - HTML列表

html的列表主要有两种,一种是无序列表,一种是有序列表。

1.无序列表 <ul> <li>

(1)无序列表基础版 主要使用<ul>标签和<li>标签

无序列表表示只是列表而已,没有什么顺序之分它的展现形式是由<ul>标签包裹着<li>标签:

(2)无序列表实心方块图标 关键语句:
<ul style="list-style-type: square;">

(3)无序列表空心圆图标 关键语句:
<ul style="list-style-type: circle;">

2.嵌套无序列表

无序列表是可以嵌套的,也就是无序列表中在放入无序列表。嵌套呢是可以嵌很多层的,且无序列表展现的图标也会有变化,但不会全部都有变化,一般也就前三层图标有变化,其他的就不变了:

3.有序列表

(1)简单的有序列表 由<ol>标签包裹着<li>标签组成

在网页上显示的时候会有1,2,3,4这样的数字图标显示,表示为有顺序的显示:

(2)用英文字母显示顺序 关键词:
<ol style="list-style-type: lower-latin;">

(3)从指定的数字开始序列排数 关键词:
<ol start="50">

4.嵌套有序列表

有序列表中再放入有序列表,和无序列表不同。有序列表的层级图标是不会有变化的:

HTML基础 - HTML列表相关推荐

  1. python实战经典例子_Python基础之列表常见操作经典实例详解

    本文实例讲述了Python基础之列表常见操作.分享给大家供大家参考,具体如下: Python中的列表操作 列表是Python中使用最频繁的数据类型[可以说没有之一] 一组有序项目的集合 可变的数据类型 ...

  2. python100例详解-Python基础之列表常见操作经典实例详解

    本文实例讲述了Python基础之列表常见操作.分享给大家供大家参考,具体如下: Python中的列表操作 列表是Python中使用最频繁的数据类型[可以说没有之一] 一组有序项目的集合 可变的数据类型 ...

  3. P35-前端基础-新闻列表

    P35-前端基础-新闻列表 1.概述 通过一个新闻列表案例,总结前面学习CSS的基础知识. 2.新闻列表案例 2.1.案例用到的图片 2.2.案例代码 <!DOCTYPE html> &l ...

  4. 20190513——python基础(列表、数据类型:字典、列表和字典的异同)

    二.python基础(列表.数据类型:字典.列表和字典的异同)                                                1.列表 1)什么是列表 2)从列表提取单 ...

  5. pdd.order.basic.list.get订单基础信息列表查询接口(拼多多店铺订单列表查询接口)代码对接教程

    pdd.order.basic.list.get订单基础信息列表查询接口(拼多多店铺订单列表查询接口)代码对接教程如下: 1.公共请求参数 参数名称 参数类型 是否必填 参数描述 (代码接口教程wx1 ...

  6. 拼多多店铺订单API接口(pdd.order.basic.list.get订单基础信息列表查询接口)代码对接教程

    拼多多店铺订单API接口(pdd.order.basic.list.get订单基础信息列表查询接口)代码对接教程如下: 1.公共请求参数 参数名称 参数类型 是否必填 参数描述(接口代码教程wx199 ...

  7. Day2 - Python基础2 列表、字典、集合 --转自金角大王

    Day2 - Python基础2 列表.字典.集合 --转自金角大王 Posted on 2018-01-24 13:23 Byd_lei 阅读(41) 评论(0)  编辑 收藏 本节内容 列表.元组 ...

  8. 带你学python基础:列表List

    在上一节中带你学python基础:变量和基本数据类型中,已经讲到了列表List如何创建和简单的使用,在这一节中,我们将更加细致入微的了解一下List更多的操作! 一.列表是什么? 列表是什么就是:一个 ...

  9. list index out of bounds_python3基础03列表(list)和元组(tuple)

    "pythonic生物人"的第35篇分享. 原创不易,点个"赞"或"在看"鼓励下呗! 摘要 本文梳理python序列容器中的列表和元组数据结 ...

最新文章

  1. Android驱动学习-内部机制_回顾binder框架关键点
  2. 谈谈Java程序员进阶的那些知识和方向
  3. android应用中插入admob广告
  4. ROS 总结(二):创建URDF模型
  5. Unity2D实现贴图凹凸感并接受实时光照效果
  6. 慧联A8最新检测使用教程V2.0.3
  7. iis如何处理并发请求
  8. org.apache.commons.dbutils.QueryRunner 执行sqlserver的存储过程
  9. Docker容器的数据卷备份与恢复
  10. 华为网络设备 display 命令
  11. 应用程序正常初始化失败(0xc0000135)
  12. UnicodeEncodeError: 'gbk' codec can't encode character '\uXXX' in position
  13. 十大主流小说平台畅销榜TOP1:诡秘、剑来、元尊、赘婿流风云争霸
  14. Windows Server 创建域、加入域、域管理
  15. Vue 中 Dep 和 Observer 的用法详解
  16. CDbCriteria CArrayDataProvider zii.widgets.grid (2)
  17. python 类函数 实例函数,python_30期【实例函数 类里面的函数】
  18. 如何查看国内sci期刊有哪些
  19. Zetore Jasminum插件 报错:文件名识别出错,请检查文件名识别模板与实际抓取文件名
  20. CKEditor5 集成 Vue

热门文章

  1. uniapp之地图选点插件
  2. 酷~史上超全的安全思维导图
  3. 中国5级行政区域mysql数据库库_GitHub - liangyuquan/china_area_mysql: 中国5级行政区域mysql库...
  4. Value function approximation
  5. SMT车间锡膏管理规范
  6. input自动填充-Autocomplete
  7. 车间追溯系统有什么作用?
  8. 1 求长方形的面积和周长
  9. Flink Blink Planner和Older Planner的区别
  10. IMAU OJ一招制胜