首页  >  文章  >  web前端  >  html5标记分为哪几类

html5标记分为哪几类

青灯夜游
青灯夜游原创
2021-12-15 17:53:585078浏览

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

html5标记分为哪几类

本教程操作环境: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、块级元素

标题

有序列表

无序列表

定义列表

段落标签

预格式文本

大段引用

小段引用

划分区块

定义

音频

视频

表格

表单

添加一条直线 


装载独立文章

定义文档章节

定义非正文内容