html5标记分为3类：1、块级元素，其特点为能够设置宽高、可以自动换行、margin和padding的上下左右均对其有效；2、行内元素，其特点为无法设置宽高、不会自动换行；3、行内块元素，其特点为能够设置宽高、不会自动换行。

创新互联专注于贵南网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供贵南营销型网站建设，贵南网站制作、贵南网页设计、贵南网站官网定制、微信小程序定制开发服务，打造贵南网络公司原创品牌,更为您提供贵南网站排名全网营销落地服务。

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

HTML5中的标记分为块级元素、行内元素、行内块元素。

行内元素：

无法设置宽高。

margin上下无效，只有左右有效果；padding都有效果，会撑大空间。

box-sizing:border-box;无效，因为该属性针对盒模型。

不会自动换行

块级元素：

能够设置宽高

margin和padding的上下左右均对其有效

可以自动换行

多个块状元素标签写在一起，默认排列方式为从上至下

可以使用margin:0 auto居中对齐

行内块元素：

不会自动换行

能够设置宽高

默认排列方式为从左到右

可以使用text-align:center使内容相对于父盒子水平居中对齐，例如img标签，可以使用text-align:center相对父盒子居中对齐

margin:0 auto无效

水平排列，但所有元素默认会有1个空格的间隙，因为元素之间在html中书写有回车换行，浏览器解析会将其解析成一个空格。

但标签的类型是可以转换的

display:inline: 转换为行内元素

display:linline-block转换为行内块元素

display:block转换为块级元素

掌握元素类别。现将学过的标签分类如下：

1、块级元素

标题

有序列表

无序列表

定义列表

段落标签

预格式文本

大段引用

小段引用

划分区块

定义

音频

视频

表格

表单

添加一条直线

装载独立文章