首先，让我们看看html标记元素的类型。

一般来说，HTML中的标记元素可以分为三种不同的类型：块元素、内联元素和内联块元素。

下面详细介绍一下这三类元素的特点和用途，让大家知道常用的块元素和内联元素是什么。

块状元素

特点：

1.独占一行，每个块元素将从新的一行重新开始，并从上到下排列

2.您可以直接控制框模型的宽度、高度和相关css属性(可以设置元素的高度、宽度、行高和上下边距)

3.如果未设置宽度，块级元素的宽度是其父元素内容的宽度

4.如果不设置高度，块级元素的高度就是其自身内容的高度

由于其自身的特点，我们通常使用区块元素来构建大布局(大结构)。

常用的块元素：

1.常见元素

Div(常用的块容器，也是csslayout的主标签)，p(段落)，hr(水平分割线)，table(表格)，form(交互表单)

2.标题元素：

H1(头条)、h2(副标题)、h3(三级头条)、h4(四级头条)、h5(五级头条)和h6(六级头条)

3.列出元素

菜单(菜单列表)、ol(有序列表)、ul(无序列表)、li(列表项)、dl(定义列表)、dt(定义术语)、dd(定义描述)

让我们通过简单的代码来看看这些块元素

！DOCTYPEhtml

超文本标记语言

头

metharset=' UTF-8 '

标题栏元素/标题

风格

div{

背景色：浅黄色；

}

p{

背景色：浅绿色；

}

h4{

背景色color:papayawhip

}

ul{

背景颜色：秘鲁；

}

/style

/head

身体

Divdiv标记元素，占用一行/div

Pp标签元素，占用一行/p

H4标题元素，占据一行/h4

保险商实验所

Li Li标签元素/li

Li Li标签元素/li

/ul

保险商实验所

Li Li标签元素/li

Li Li标签元素/li

/ul

/body

/html