本文摘自PHP中文网，作者V，侵删。
html元素可以划分为块级元素和行级元素。
块级元素是什么？
它可以独占一行，可以设置宽高度，默认是100%；
（相关教程推荐：html教程）
行级元素与之相反，它的内容决定它的宽高度，至于特殊字符就当成是文字来看。
示例：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <!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   hr
</body>
</html>
|
嵌套规则：
1、块元素可以嵌套行元素；
2、行元素可以嵌套行元素；
3、行元素不可以嵌套块元素；
4、文字类块元素不可以嵌套块元素；
5、容器类块元素可以嵌套块元素。
想学习更多编程知识，请访问php中文网编程教程栏目！
以上就是html块级、行级元素介绍的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
利用Html实现进度条效果的方法
Html中的5种空格
javascript作用域和作用域链的解析（附示例）
Html网页优化压缩的实现步骤
Html的<progress>标签
Html span标签如何居中和右对齐？这里有Html span标签的样式解析
Html超链接字体颜色怎么改？超链接字体颜色的更改方法总结
Html文本框颜色怎么设置
Html如何设置边框为虚线
Html meta标签使用及属性的详细分析
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » html块级、行级元素介绍
