列表就相当于去超市购物时的那个购物清单,

在HTML也可以创建列表,在网页中一共有三种列表:

1.无序列表

2.有序列表

3.定义列表

无序列表

- 使用ul标签来创建一个无序列表

- 使用li在ul中创建一个一个的列表项,

一个li就是一个列表项

通过type属性可以修改无序列表的项目符号

可选值:

disc,默认值,实心的圆点

square,实心的方块

circle,空心的圆

注意:默认的项目符号我们一般都不使用!!

如果需要设置项目符号,则可以采用为li设置背景图片的方式来设置

ul和li都是块元素

有序列表

有序列表和无序列表类似,只不过它使用ol来代替ul

有序列表使用有序的序号作为项目符号

type属性,可以指定序号的类型

可选值:1,默认值,使用阿拉伯数字

a/A 采用小写或大写字母作为序号

i/I 采用小写或大写的罗马数字作为序号

ol也是块元素

列表之间都是可以互相嵌套,可以在无序列表中放个有序列表,也可以在有序列表中放一个无序列表

定义列表

义列表用来对一些词汇或内容进行定义

使用dl来创建一个定义列表

dl中有两个子标签

dt : 被定义的内容

dd : 对定义内容的描述

同样dl和ul和ol之间都可以互相嵌套

1

2

3

4

5

6

7

8 /*

9 去掉项目符号10 **/

11 /*ul{12 list-style: none;13 }*/

14

15

16

17

18

19

26

27

44

45

西门大官人

46

柴大官人

47

许大官人

48

唐僧大官人

49

50

51

61

62

结构

63

表现

64

行为

65

66

67

71

72

菜谱

73

74

75 鱼香肉丝76

77

78

79

肉丝

80

81

82

83 宫保鸡丁84

85

宫保

86

鸡丁

87

88

89

青椒肉丝

90

91

92

93

View Code

html列表序号为圆点的,HTML_列表标签相关推荐

  1. html列表序号为圆点的,HTML列表

    下面我们来介绍一下如何实现下图所示的列表 list.png Step 1 观察所需完成列表的结构和构成 经过前期 html 基础知识的学习,可将列表进行如下简单划分 列表.png 观察所需完成列表可知 ...

  2. poi-tl导出word;自定义列表序号和表格宽度,表格合并,自定义标题,更新目录

    文章目录 poi-tl 入门示例 1.准备word模板 2.代码 自定义列表序号 1. poi-tl 支持的序号列表,直接使用文档种说明即可 2. 要是没有,可以利用NumberingFormat类去 ...

  3. CSS -- CSS字体样式、文本样式、去掉列表的小圆点、背景、背景渐变

    1. CSS字体样式.文本样式.去掉列表的小圆点.背景.背景渐变 1.1字体样式 字体样式 font-family 字体(可以添加2种字体,一种针对中文,一种针对英文) font-size 字体大小( ...

  4. html_常用标签_盒子标签_图片标签_超链接_列表标签(2)

    接着上一篇博客继续完成常用标签学习 本节,将介绍学习:                                     4.盒子标签                               ...

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

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

  6. 9、HTML:有序列表(ol),无序列表(ul),描述列表(dl、dt、dd)详解

    1.什么是列表 什么是列表? 什么是有序列表? 什么是无序列表? 上面写的 3 句话就是一个列表,你懂得... 2.有序列表 有序列表:英文叫做 ordered list,所以标签也是取这个词组的首字 ...

  7. python列表遍历索引_python遍历一个列表 前面有个索引

    如何在python列表中查找某个元素的索引 方法二:利用enumerate函数.很想你,是一种,刻骨铭心的痛!不常来,却仍深刻! python list找出一个元素的位置(重复元素怎么分别 使用lis ...

  8. insert 语句的选择列表包含的项多于插入列表中的项_如何定义和使用Python列表(Lists)

    Python中最简单的数据集合是一个列表(list).列表是方括号内用逗号分隔的任何数据项列表.通常,就像使用变量一样,使用=符号为Python列表分配名称. 如果列表中包含数字,则不要在其周围使用引 ...

  9. python list的extend (会将被插入的列表的每个元素从列表中拿出添加到列表中)与append方法(若被插入为列表,会将列表插入到源列表中)区别

    python list的extend (会将被插入的列表的每个元素从列表中拿出添加到列表中)与append方法(若被插入为列表,会将列表插入到源列表中)区别 Python--list的extend() ...

最新文章

  1. 《评人工智能如何走向新阶段》后记(再续15)
  2. tikz 折线 箭头_问一个关于latex中,使用tikz画图的问题,如何使箭头上方的权值不居中(因为居中会互相重叠)...
  3. VPP /什么是VPP?读这篇文章就够了
  4. php的字符串操作,PHP 字符串操作
  5. Mongodb的安装使用
  6. Jquery第二章常用方法,一二级菜单淡入淡出,event事件,复选框的全选反选第一节
  7. MH370 找到个毛!
  8. 《UNIX网络编程 卷1:套接字联网API(第3版)》——2.13 常见因特网应用的协议使用...
  9. Android SDK的下载与安装(包会)
  10. 百度文库复制文字(一个按钮,关闭JS功能即可,浏览器100%有效)2021年
  11. 智慧林草信息化解决方案(森林防火应急指挥系统)
  12. 对SMART法则的多种解释
  13. Spring Boot 错误页面解析原理(超级无敌详细)
  14. 一线技术人应该关注的四种思维能力
  15. 如何在笔试的时候绕开切屏提示
  16. 改变Dev-C++生成的exe文件图标
  17. [转载]微信公众号开发 [01] 入门基本流程
  18. 用ajax接收后台数据里的具体数据,ajax动态接收后台向后台传输数据以及接收数据...
  19. Android数据存储(内部,外部,SharedPreferences,SQlite)
  20. 超密集组网(UDN)

热门文章

  1. DAVSE VCC-H900 20倍高清会议摄像机
  2. 自动填充被拆分的单元格
  3. 过滤链FilterChain,请求与响应--chain.doFilter()代码前后
  4. mppdb 查看建表语句_MPP架构数据库优化总结——华为LibrA与GreenPlum
  5. 1 python编程基础学习
  6. cs224w(图机器学习)2021冬季课程学习笔记12 Knowledge Graph Embeddings
  7. mysql驱动下载mac
  8. led的c语言程序,单片机C语言LED灯点亮程序完全版
  9. 如何使用MacVim呢?
  10. Sonya and Exhibition 【模拟】