HTML哪些是块级元素,哪些是行内元素
发布网友
发布时间：2022-04-26 15:04
共2个回答
懂视网
时间：2022-04-29 12:36
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 hr </body> </html>
嵌套规则：
1、块元素可以嵌套行元素；
2、行元素可以嵌套行元素；
3、行元素不可以嵌套块元素；
4、文字类块元素不可以嵌套块元素；
5、容器类块元素可以嵌套块元素。
想学习更多编程知识，请访问Gxlcms编程教程栏目！
热心网友
时间：2022-04-29 09:44
<address>...</adderss>
<center>...</center> 地址文字
<h1>...</h1> 标题一级
<h2>...</h2> 标题二级
<h3>...</h3> 标题*
<h4>...</h4> 标题四级
<h5>...</h5> 标题五级
<h6>...</h6> 标题六级
<hr> 水平分割线
<p>...</p> 段落
<pre>...</pre> 预格式化
<blockquote>...</blockquote> 段落缩进 前后5个字符
<marquee>...</marquee> 滚动文本
<ul>...</ul> 无序列表
<ol>...</ol> 有序列表
<dl>...</dl> 定义列表
<table>...</table> 表格
<form>...</form> 表单
<div>...</div>
行内元素：行内大多为描述性标记
<span>...</span>
<a>...</a> 链接
<br> 换行
<b>...</b> 加粗
<strong>...</strong> 加粗
<img > 图片
<sup>...</sup> 上标
<sub>...</sub> 下标
<i>...</i> 斜体
<em>...</em> 斜体
<del>...</del> 删除线
<u>...</u> 下划线
<input>...</input> 文本框
<textarea>...</textarea> 多行文本
<select>...</select> 下拉列表
·块级元素
1.总是从新的一行开始
2.高度、宽度都是可控的
3.宽度没有设置时，默认为100%
4.块级元素中可以包含块级元素和行内元素
·行内元素
1.和其他元素都在一行
2.高度、宽度以及内边距都是不可控的
3.宽高就是内容的高度，不可以改变
4.行内元素只能行内元素，不能包含块级元素
