html块级、行级元素介绍

来源：互联网收集：自由互联发布时间：2023-08-02

html元素可以划分为块级元素和行级元素。块级元素是什么？它可以独占一行，可以设置宽高度，默认是100%；（相关教程推荐：html教程）行级元素与之相反，它的内容决定它的宽高度

html块级、行级元素介绍

html元素可以划分为块级元素和行级元素。

块级元素是什么？

它可以独占一行，可以设置宽高度，默认是100%；

（相关教程推荐：html教程）

行级元素与之相反，它的内容决定它的宽高度，至于特殊字符就当成是文字来看。

示例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> HTML块级、行级元素，特殊字符，嵌套规则</title>
</head>
<body>
    <!-- 块元素:独占一行，可以设置宽高、默认宽度100% -->
    块元素分为文字类和容器类
    文字类块元素:p、h1——h6
    容器类块元素：div、table、tr、td、frame、ul>li、ol、dl、dt、dd（序列）
    <!-- 行元素:不独占一行，宽高度取决于内容 -->
    行元素：a img input strong em del span
    特殊字符：文字 br &nbsp hr
</body>
</html>

嵌套规则：

1、块元素可以嵌套行元素；

2、行元素可以嵌套行元素；

3、行元素不可以嵌套块元素；

4、文字类块元素不可以嵌套块元素；

5、容器类块元素可以嵌套块元素。

想学习更多编程知识，请访问自由互联资讯网编程教程栏目！

【感谢龙石数据资产管理和维护 http://www.longshidata.com/pages/government.html】

上一篇：HTML5与HTML4的区别是什么
下一篇：没有了

html块级、行级元素介绍

相关文章