Html中列表共有三种:有序列表、无序列表和自定义列表。下面分开解释下:

1.有序列表是一列使用数字进行标记的项目,它使用

包含于

  1. 标签内。示例如下:

执行效果为:1.语文

2.数学

3.体育

4.英语

有序列表在当列表项目的每个列表项目前面需要一个递增值得时候使用(例如1,2,3等)。有序列表的列表类型list-style-type可以被设置为任何在无序列表下可以设置的值。大部分情况下,有序列表要么前面是个递增数值,要么前面没有任何标记。

2.无序列表:是一组使用黑点庄进行标记的项目,它使用

包含在

  • 标签内;

实现的效果:

无序列表的一些特定的css属性有list-style-type,list-style-position和list-style-image.这些睡在那个设置了列表项目符号的类型,标记的位置,以及使用图片代替标记。这三个属性可以使用list-style进行合并缩写。

3.定义列表:语义上表示项目及其注释的组合,它以

开始,自定义列表项的定义以
开始。实例如下:

效果如下:

注意:可以在单个dd下面使用多个dt,也可以在单个dt下面使用多个dd。

从语义上来讲,三组标签分别对应不同具有含义的列表:无序列表适合元素之间无级别顺序关系的情形;有序列表适合各项目之间存在顺序关系的情形;定义列表用于一个术语名对应多重定义或者多个术语名同一个给出的定义,也可以只有术语名称或只有定义,即

在其中数量不限,对应关系不限。

列表中的CSS:

列表最重要的CSS属性便是list-style属性,他的语法如下:

list-style:list-style-image||list-style-position||list-style-type

list-style-image可定义列表前所使用图片,list-style-position属性取值含outside、inside;outside为默认值,列表项目标记此时被放置在文本之外,它将环绕文本在文本之外,inside列表项目旋转在文本之内,环绕文本对齐。示例如下:

执行效果如下:

list-style-type我列表显示乐行,常见的9种属性值:a.disc:默认值,实心圆;b.circle:空心圆;c.square:实心方块;d.decimal:阿拉伯数字;e.lower-roman:小写罗马数字;f:upper-roman:大写罗马数字;g.lower-alpha:小写英文字母;h.upper-alpha:大写英文字母;i.none:不适用项目符号

列表之间的嵌套:在Html里允许在一个列表里嵌套另一个列表,每个嵌套的列表都会再一次以缩进形式显示,但不建议对列表进行多次嵌套,这样在浏览器的显示会有点乱。在HTML中,无序列表中除了可以嵌套无序列表,也可以嵌套有序列表,反之亦然。示例如下:

执行效果:

参考:

html列表小写字母,Html中的列表相关推荐

  1. html列表小写字母,python实现大小写字母转换

    python 输入一个字母 如果它是一个小写英文字母 则 char1 = input("请输入一个小写英文字母:");if(ord(char1) >= ord('a') an ...

  2. html网页制作嵌套列表,如何在HTML中制作列表标记,以及实现列表嵌套

    匿名用户 1级 2016-10-30 回答 方法/步骤 1 无序列表 无序列表中每一个表项的前面是项目符号(如■ . ● 等). 建立无序列表使用 标记和 表项标记.格式为: 第一个列表项 第二个列表 ...

  3. python列表取出元素_python中的列表,添加元素,获取元素,删除元素,列表分片,常用操作符...

    一. 创建列表,分为创建普通列表,混合列表,和空列表.其中混合列表是指string,int, float等都可以写在同一个列表里,空列表是指列表可以为空 二. 在列表添加成员方法 1. append( ...

  4. python列表的嵌套_Python中关于列表嵌套列表的处理

    在处理列表的时候我们经常会遇到列表中嵌套列表的结构,如果我们要把所有元素放入一个新列表,或者要计算所有元素的个数的话应该怎么做呢? 第一个例子 对于上图中的这样一组数据,如果我们要知道这个CSV文件中 ...

  5. python 类中定义列表_Python-从类定义中的列表理解访问类变量

    小编典典 类范围和列表,集合或字典的理解以及生成器表达式不混合. 为什么:或者,官方用词 在Python 3中,为列表理解赋予了它们自己的适当范围(本地名称空间),以防止其局部变量渗入周围的范围内(即 ...

  6. python只能对列表进行切片_Python中的列表

    1. 列表的创建 列表(list)是Python中一个非常重要的类型,用于管理一组数据,列表的形式如下所示 country = ['China', 'Germany', 'Russia', 'Amer ...

  7. html展示列表,如何在HTML中展示列表?

    如何在HTML中展示列表? 在HTML中,我们可以创建三种类型的列表: 无序列表 有序列表 描述列表 无序列表 无序列表是顺序或顺序无关紧要的项的集合或集合.如果我们要在 HTML文档中创建无序列表以 ...

  8. python嵌套列表怎么遍历_Python中遍历列表,循环嵌套

    1.遍历列表中的元素:用for(操作元素)和while(操作索引)实现 #将列表中的所有元素打印出来 #for循环主要结合成员运算符使用,此时只能操作元素 list1= ["and" ...

  9. python中的列表生成式_生成器中的列表推导式

    # 2,用列表推导式做下列小题 # 1)过滤掉长度小于3的字符串列表,并将剩下的转换成大写字母 # lst=['abc','asfg','ad','ap'] # print([i.upper() fo ...

最新文章

  1. 啊D扫肉鸡+无远控双开XP3389 termsrvhack.dll_本地测试
  2. TCP通讯处理粘包详解
  3. byteofpython中文gitbook_Gitbook快速简明教程
  4. 单处理器系统的进程调度_第三章:进程与线程
  5. CentOS下MYSQL数据库的安装
  6. chromium浏览器开发系列第四篇:如何调试最新chromium源码
  7. 【故障诊断分析】基于matlab FFT轴承故障诊断【含Matlab源码 1397期】
  8. 存储设备在linux名称,Linux下的存储设备的管理
  9. 什么是CA数字证书,CA证书有什么作用?
  10. 安装R和Rstudio win10
  11. HTML5快速设计网页
  12. 苍穹官网HTML源码带音乐
  13. 计算机基本操作怎么保存,win10重置此电脑保留我的文件怎么操作
  14. 头部公司的Robotaxi何时能拿掉安全员?
  15. Linux指令-唐战伟
  16. PXE启动配置及原理
  17. Unity 2.Space Shooter(碰撞器Collider,WebGL,刚体中属性,(定时)实例化、销毁游戏对象,触碰OnTriggerEnter/Exit,爆炸效果,音频,文字,定时调方法)
  18. 网 络 存 储 技 术
  19. jitpack.io 无法访问或下载依赖库
  20. 前端CSS实现渐变效果

热门文章

  1. kali linux超级用户_Kali Linux操作系统将从本月发布的新版本开始默认不再使用root账户...
  2. CSS制作鼠标移上去,三角形(箭头)旋转
  3. 如何将图片转换base64格式?data:image/png;base64又是什么?
  4. 在虚拟机上搭建云平台环境(1)Controller和Computer虚拟机的安装
  5. 软件测试面试复习题(一)
  6. ES 文件浏览器安全漏洞分析(CVE-2019-6447)
  7. 星淘惠:沙特阿拉伯或将成为亚马逊跨境卖家新蓝海市场
  8. python内置函数有哪些_Python 中的内置函数(一)
  9. c++ 旅行家的预算
  10. 掉书袋的东东,我喜欢。。。