html常用标签集合
html常用的标签一共分三大类:
- 块元素:每个元素独占一行;元素的宽度、高度、行高和底边距都可以设置;元素的宽度在不设置的情况下,是他本身父元素的宽度。dispaly:block 转化为行为块
- 内联元素:就是平时大家说的行内元素。和其他的元素都在一行上;元素的宽度、高度及顶部和底边距不可设置;元素的宽度就是他缩包含的文字或者图片的宽度,不可改变。
- 内联块元素:就是平时大家说的行内块儿元素。和其他的元素都在一行上;元素的高度、宽度、行高以及底边距都可以设置。display:inline-block
标签 | 分类 | 单双标签 | 是否H5标签 | 作用 |
div | 块元素 | 双标签 | 否 | 页面布局常用 |
p | 块元素 | 双标签 | 否 | 段落文本 |
h1~h6 | 块元素 | 双标签 | 否 |
标题文本,字体大小h1文字最大,6最小 |
ol、ul | 块元素 | 双标签 | 否 | 有序列表和无序列表 |
li | 块元素 | 双标签 | 否 | 用在ol、ul中,定义项目列表 |
hr | 块元素 | 单标签 | 否 | 定义水平线 |
pre | 块元素 | 双标签 | 否 | 定义预格式文本,在pre中可以无限敲空格 |
table | 块元素 | 双标签 | 否 | 定义表格 |
tbody | 块元素 | 双标签 | 否 | 定义表格中的主体内容 |
header | 块元素 | 双标签 | 是 |
定义页眉 |
footer | 块元素 | 双标签 | 是 | 定义页脚 |
nav | 块元素 | 双标签 | 是 | 导航标签 |
a | 行内元素 | 双标签 | 否 | 定义锚点 |
span | 行内元素 | 双标签 | 否 | 定义文档中的节 |
i | 行内元素 | 双标签 | 否 | 定义斜体字 |
b | 行内元素 | 双标签 | 否 | 定义粗体字 |
strong | 行内元素 | 双标签 | 否 | 定义强调文本 |
time | 行内元素 | 双标签 | 是 | 定义日期/时间(不建议使用) |
u | 行内元素 | 双标签 | 否 | 定义文本下划线 |
label | 行内元素 | 双标签 | 否 | 定义input元素的标注 |
input | 行内块元素 | 单标签 | 否 | 定义输入控件 |
img | 行内块元素 | 单标签 | 否 | 定义图片 |
botton | 行内块元素 | 双标签 | 否 | 定义按钮 |
textarea | 行内块元素 | 双标签 | 否 | 定义多行的文本输入控件 |