前端-05 文本标签 列表

文本标签

em和strong：

• em和strong这两个标签都表示一个强调的内容
• em主要表示语气上的强调，在浏览器中默认使用斜体显示
• strong表示强调的内容，比em更强烈，默认使用粗体显示

i和b:

• i标签中的内容会以斜体显示
• b标签中的内容会以粗体显示
• h5规范中规定：对于不需要着重的内容，而是单纯的斜体或者是加粗，就可以使用i和b标签

small:

small标签中的内容会比他父元素中的文字要小一些
在H5中使用small标签来表示一些细则一类的内容
比如：合同中的小字，网站的版权声明都可以放到small

cite:

使用cite标签可以指明对某内容的引用或参考。比如：书名、歌名、话剧名、电影名……

blockquote和q:

blockquote标签表示一个长引用（块级引用)
q标签表示一个短的引用（行内引用），q标签引用的内容，浏览器会默认加上引号

sup和sub:

使用sup标签来设置一个上标
使用sub标签用来表示一个下标

del和ins:

使用del标签来表示一个删除的内容，会自动添加删除线
ins表示一个插入的内容，会自动添加下划线

pre和code

需要在页面中直接编写一些代码
pre是一个预格式标签，会将代码中的格式保存，不会忽略多个空格及换行
code专门用来表示代码
我们一般结合使用pre和code来表示一段代码

列表

在网页中一共有三种列表：
1、无序列表
2、有序列表
3、定义列表

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

无序列表：

使用ul标签来创建一个无序列表
使用li在ul中创建一个一个的列表项，一个li就是一个列表项
通过type属性可以修改无序列表的项目符号，可选值：
disc：默认值，实心的圆点
square：实心的方块
circle：空心的圆圈
注意：默认的项目符号我们一般都不使用
如果需要设置项目符号，则可以采用为li设置背景图片的方式来设置
ul和li都是块元素

有序列表:

有序列表和无序列表类似，只不过它使用ol来代替ul
有序列表使用有序的序号作为项目符号
type属性，可以指定序号的类型，可选值：
1，默认值，使用阿拉伯数字
a/A，采用小写或大写字母作为序号
i/I，采用小写或大写的罗马数字作为序号
ol也是块元素

定义列表:

定义列表用来对一些词汇或内容进行定义
使用dl来创建一个定义列表，它有两个子标签
dt：被定义的内容
dd：对定义内容的描述
同样，dl、ul、ol之间都可以互相嵌套