本文摘自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+css+js实现星空旋转和文字淡入效果(附代码)
Html noframes标签怎么用
Html5 canvas的基本用法介绍
Html中的特殊字符如何源码输出
Html rp标签怎么用
Html的空格代码怎么写?教你如何使用空格nbsp代码
在Html里select标签有哪些用法
Html如何设置video为不透明背景
xml和Html分别是什么类型的文件
在Html页面中引入外部Html文件的解决方案
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html块级、行级元素介绍