html列表序号为圆点的,HTML_列表标签
列表就相当于去超市购物时的那个购物清单,
在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_列表标签相关推荐
- html列表序号为圆点的,HTML列表
下面我们来介绍一下如何实现下图所示的列表 list.png Step 1 观察所需完成列表的结构和构成 经过前期 html 基础知识的学习,可将列表进行如下简单划分 列表.png 观察所需完成列表可知 ...
- poi-tl导出word;自定义列表序号和表格宽度,表格合并,自定义标题,更新目录
文章目录 poi-tl 入门示例 1.准备word模板 2.代码 自定义列表序号 1. poi-tl 支持的序号列表,直接使用文档种说明即可 2. 要是没有,可以利用NumberingFormat类去 ...
- CSS -- CSS字体样式、文本样式、去掉列表的小圆点、背景、背景渐变
1. CSS字体样式.文本样式.去掉列表的小圆点.背景.背景渐变 1.1字体样式 字体样式 font-family 字体(可以添加2种字体,一种针对中文,一种针对英文) font-size 字体大小( ...
- html_常用标签_盒子标签_图片标签_超链接_列表标签(2)
接着上一篇博客继续完成常用标签学习 本节,将介绍学习: 4.盒子标签 ...
- html网页制作嵌套列表,如何在HTML中制作列表标记,以及实现列表嵌套
匿名用户 1级 2016-10-30 回答 方法/步骤 1 无序列表 无序列表中每一个表项的前面是项目符号(如■ . ● 等). 建立无序列表使用 标记和 表项标记.格式为: 第一个列表项 第二个列表 ...
- 9、HTML:有序列表(ol),无序列表(ul),描述列表(dl、dt、dd)详解
1.什么是列表 什么是列表? 什么是有序列表? 什么是无序列表? 上面写的 3 句话就是一个列表,你懂得... 2.有序列表 有序列表:英文叫做 ordered list,所以标签也是取这个词组的首字 ...
- python列表遍历索引_python遍历一个列表 前面有个索引
如何在python列表中查找某个元素的索引 方法二:利用enumerate函数.很想你,是一种,刻骨铭心的痛!不常来,却仍深刻! python list找出一个元素的位置(重复元素怎么分别 使用lis ...
- insert 语句的选择列表包含的项多于插入列表中的项_如何定义和使用Python列表(Lists)
Python中最简单的数据集合是一个列表(list).列表是方括号内用逗号分隔的任何数据项列表.通常,就像使用变量一样,使用=符号为Python列表分配名称. 如果列表中包含数字,则不要在其周围使用引 ...
- python list的extend (会将被插入的列表的每个元素从列表中拿出添加到列表中)与append方法(若被插入为列表,会将列表插入到源列表中)区别
python list的extend (会将被插入的列表的每个元素从列表中拿出添加到列表中)与append方法(若被插入为列表,会将列表插入到源列表中)区别 Python--list的extend() ...
最新文章
- 《评人工智能如何走向新阶段》后记(再续15)
- tikz 折线 箭头_问一个关于latex中,使用tikz画图的问题,如何使箭头上方的权值不居中(因为居中会互相重叠)...
- VPP /什么是VPP?读这篇文章就够了
- php的字符串操作,PHP 字符串操作
- Mongodb的安装使用
- Jquery第二章常用方法,一二级菜单淡入淡出,event事件,复选框的全选反选第一节
- MH370 找到个毛!
- 《UNIX网络编程 卷1:套接字联网API(第3版)》——2.13 常见因特网应用的协议使用...
- Android SDK的下载与安装(包会)
- 百度文库复制文字(一个按钮,关闭JS功能即可,浏览器100%有效)2021年
- 智慧林草信息化解决方案(森林防火应急指挥系统)
- 对SMART法则的多种解释
- Spring Boot 错误页面解析原理(超级无敌详细)
- 一线技术人应该关注的四种思维能力
- 如何在笔试的时候绕开切屏提示
- 改变Dev-C++生成的exe文件图标
- [转载]微信公众号开发 [01] 入门基本流程
- 用ajax接收后台数据里的具体数据,ajax动态接收后台向后台传输数据以及接收数据...
- Android数据存储(内部,外部,SharedPreferences,SQlite)
- 超密集组网(UDN)
热门文章
- DAVSE VCC-H900 20倍高清会议摄像机
- 自动填充被拆分的单元格
- 过滤链FilterChain,请求与响应--chain.doFilter()代码前后
- mppdb 查看建表语句_MPP架构数据库优化总结——华为LibrA与GreenPlum
- 1 python编程基础学习
- cs224w(图机器学习)2021冬季课程学习笔记12 Knowledge Graph Embeddings
- mysql驱动下载mac
- led的c语言程序,单片机C语言LED灯点亮程序完全版
- 如何使用MacVim呢?
- Sonya and Exhibition 【模拟】