HTML知识梳理

---

1.CSS区分元素

a.块级元素

元素	描述
div	分区或节
dd	定义条目
dl	列表
dt	列表中的项目
form	表单
h1-h6	标题
p	段落
li	列表项目
ol	有序列表
ul	无序列表
table	定义表格
tbody	表格主体
td	标准单元格
th	表头单元格
tr	表格中的行
caption	表格标题

b.内联元素

元素	描述
b	加粗
a	锚点
br	换行
img	图片
i	斜体
label	标签
input	输入
select	选择框
span	组合文档中的行内元素
strong	加粗
textarea	输入域

2.HTML区分元素

a.容器元素

元素	描述
div	分区或节
h1-h6	标题
ul	无序列表
ol	有序列表
dl	列表
dt	列表中的项目
dd	定义条目
li	列表项目

b.文本元素

元素	描述
b	加粗
strong	加粗
i	斜体
span	组合文档中的行内元素
a	锚点
p	段落

3.其他区分

a.表单元素

元素	常用属性
input	type（常用值text、password、submit、radio、checkbox、button、number、date）、name、value
select	name
option	value、selected
textarea	name
button	type、onclick

b.表格

元素	描述
table	定义表格
tbody	定义表格的主体
thead	定义表格的页眉
tr	定义表格的行
td	定义表格单元
th	定义表格的表头

c.列表标签

元素	描述
ol	有序列表
ul	无序列表
li	列表项
dl	定义列表
dt	列表中的项目
dd	描述列表中的项目

4.常用属性

a.全局属性

属性	作用
class	规定元素的一个或多个类名
hidden	隐藏
id	规定元素的唯一 id
lang	规定元素内容的语言
style	规定元素的行内 CSS 样式
title	规定有关元素的额外信息

b.块级元素和内联元素切换display

值	作用
none	此元素不会被显示
block	此元素将显示为块级元素，此元素前后会带有换行符
inline	默认。此元素会被显示为内联元素，元素前后没有换行符
inline-block	行内块元素

c.连接四种状态

状态	描述
:link	普通的、未被访问的链接
:visited	用户已访问的链接
:hover	鼠标指针位于链接的上方
:active	链接被点击的时刻