html标签分类有哪些

html标签元素有：1、标签独占一行，可指定宽、高的块状标签；2、标签在一行内，宽度与高度由内容决定，只有在内容超过HTML的宽度时，才会换行的行内标签；3、同时具备内联元素、块状元素特点的行内块状标签。

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

HTML标签的类型可分为三种:块级标签,行内标签,内联块状标签。

块级标签：

块状标签：标签独占一行，可指定宽、高。

特性：

• 能够识别宽高

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

• 可以自动换行

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

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

常用的块状元素有：

、

、

...

、

、
、

、、

、

、

内联标签：

内联(行级)标签：标签在一行内，宽度与高度由内容决定，只有在内容超过HTML的宽度时，才会换行。

特性：

• 无法设置宽高

• margin上下无效，只有左右有效果，padding都有效果，会撑大空间；box-sizing:border-box;无效，因为该属性针对盒模型。

• 不会自动换行

常用的内联元素有：

、、、、、、、、、

内联块状标签：

内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增)，、标签就是这种内联块状标签。

特性：

• 不会自动换行

• 能够设置宽高

• 默认排列方式为从左到右

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

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

常用的内联块状元素有：

、

HTML标签类型是可以转换的：

• display:inline;转换为行内元素

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

• display:block;转换为块级元素

推荐学习：html视频教程

以上是html标签分类有哪些的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：html有哪些行内块元素下一篇：runat在html中表示什么意思

相关文章

查看更多

• html如何插入swf内容
• html中文本下面怎么有虚线
• html怎么改网页标题
• html有哪些行内块元素
• html怎么在文本中保留空格



公益在线PHP培训，帮助PHP学习者快速成长！

关于我们免责声明Sitemap

© php.cn All rights reserved