在制作网页时，块级元素和行内元素分别都有哪些？

Posted 2023-04-22

1、块级元素

2、行内元素

扩展内容：

1.块级元素特性

（1）总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示。

（2）宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制。

2.行内元素特性

（1）和相邻的行内元素在同一行。

（2）宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变，按照文字或图片的大小显示。

3.可变元素

（1）可变元素可根据上下文语境决定该元素为块元素或者内联元素。

参考技术A

块级元素：在浏览器显示时，通常会以新行来开始（和结束）。

常见块元素(block element)：

1、address - 地址

2、blockquote - 块引用

3、center - 居中对齐块

4、dir - 目录列表

5、div - 常用块级容器，也是css layout的主要标签

6、dl - 定义列表

7、fieldset - form控制组

8、form - 交互表单

9、h1 - 大标题

10、h2 - 副标题

11、h3 - 3级标题

12、h4 - 4级标题

13、h5 - 5级标题

14、h6 - 6级标题

15、hr - 水平分隔线

16、isindex - input prompt

17、menu - 菜单列表

18、noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容）

19、noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）

20、ol - 排序表单

21、p - 段落

22、pre - 格式化文本

23、table - 表格

24、ul - 非排序列表（无序列表）

行内元素：又称内联元素。内联元素的显示，为了帮助理解，可以形象的称为“文本模式”，即一个挨着一个，都在同一行按从左至右的顺序显示，不单独占一行。

常见块元素(inline element)：

1、a – 锚点

2、abbr – 缩写

3、acronym – 首字

4、b – 粗体

5、bdo – bidi override

6、big – 大字体

7、br – 换行

8、cite – 引用

9、code – 计算机代码

10、dfn – 定义字段

11、em – 强调

12、font – 字体设定(不推荐)

13、i– 斜体

14、img – 图片

15、input – 输入框

16、kbd – 定义键盘文本

17、label – 表格标签

18、q – 短引用

19、s – 中划线(不推荐)

20、samp – 定义范例计算机代码

21、select – 项目选择

22、small – 小字体文本

23、span – 常用内联容器，定义文本内区块

24、strike – 中划线

25、strong – 粗体强调

26、sub – 下标

27、sup – 上标

28、textarea– 多行文本输入框

29、tt – 电传文本

30、u – 下划线

31、var – 定义变量

扩展资料：

除块级元素和行内元素，还存在可变元素。可变元素由上下文语境来决定是块级元素还是行内元素。

1、applet - java applet

2、button - 按钮

3、del - 删除文本

4、iframe - inline frame

5、ins - 插入的文本

6、map - 图片区块（map）

7、object - object对象

8、script - 客户端脚本

参考技术B

常见的块元素：

1.◎ address - 地址

2.◎ blockquote - 块引用

3.◎ center - 居中对齐块

4.◎ dir - 目录列表

5.◎ div - 常用块级容器，也是css layout的主要标签

6.◎ dl - 定义列表

常见内联元素：

1.◎ a - 锚点

2.◎ abbr - 缩写

3.◎ acronym - 首字

4.◎ b - 粗体(不推荐)

5.◎ bdo - bidi override

6.◎ big - 大字体

扩展资料：

块元素又名块级元素(block element)，和其对应的是内联元素(inline element)，都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始，相邻的块级元素将会在不同行显示。

而当加入了css控制以后，块元素和内联元素的这种属性差异就不成为差异了。比如，我们完全可以把内联元素加上display:block这样的属性，让它也有每次都从新行开始的属性，即成为块元素同样我们可以把块元素加上display:inline这样的属性，让它也在一行上排列。

参考资料：百度百科-块元素

参考技术C 块级元素占一行，不论内容多少只要是有2个这样的元素就会换行，行内元素内容少时不会换行。这是个重要区别。

块级元素(block element)
div -最常用的块级元素
dl - 和dt dd搭配使用的块级元素
form - 交互表单
h1 - 大标题
hr - 水平分隔线
ol - 排序表单
p - 段落
ul - 非排序列表

内联元素(inline element)
a - 锚点
b - 粗体(不推荐)
br - 换行
em - 强调
font - 字体设定(不推荐)
i - 斜体
img - 图片
input - 输入框
label - 表格标签
select - 项目选择
small - 小字体文本
span - 常用内联容器，定义文本内区块
strike - 中划线
strong - 粗体强调
sub - 下标
sup - 上标
textarea - 多行文本输入框
tt - 电传文本
u - 下划线 参考技术D 块元素(block element)
　　* address - 地址
　　* blockquote - 块引用
　　* center - 举中对齐块
　　* dir - 目录列表
　　* div - 常用块级容易，也是css layout的主要标签
　　* dl - 定义列表
　　* fieldset - form控制组
　　* form - 交互表单
　　* h1 - 大标题
　　* h2 - 副标题
　　* h3 - 3级标题
　　* h4 - 4级标题
　　* h5 - 5级标题
　　* h6 - 6级标题
　　* hr - 水平分隔线
　　* isindex - input prompt
　　* menu - 菜单列表
　　* noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容
　　* noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）
　　* ol - 排序表单
　　* p - 段落
　　* pre - 格式化文本
　　* table - 表格
　　* ul - 非排序列表

内联元素(inline element)
　　* a - 锚点
　　* abbr - 缩写
　　* acronym - 首字
　　* b - 粗体(不推荐)
　　* bdo - bidi override
　　* big - 大字体
　　* br - 换行
　　* cite - 引用
　　* code - 计算机代码(在引用源码的时候需要)
　　* dfn - 定义字段
　　* em - 强调
　　* font - 字体设定(不推荐)
　　* i - 斜体
　　* img - 图片
　　* input - 输入框
　　* kbd - 定义键盘文本
　　* label - 表格标签
　　* q - 短引用
　　* s - 中划线(不推荐)
　　* samp - 定义范例计算机代码
　　* select - 项目选择
　　* small - 小字体文本
　　* span - 常用内联容器，定义文本内区块
　　* strike - 中划线
　　* strong - 粗体强调
　　* sub - 下标
　　* sup - 上标
　　* textarea - 多行文本输入框
　　* tt - 电传文本
　　* u - 下划线
　　* var - 定义变量

可变元素
　　可变元素为根据上下文语境决定该元素为块元素或者内联元素。
　　* applet - java applet
　　* button - 按钮
　　* del - 删除文本
　　* iframe - inline frame
　　* ins - 插入的文本
　　* map - 图片区块(map)
　　* object - object对象
　　* script - 客户端脚本

参考资料：http://www.68design.net/Web-Guide/HTMLCSS/41979-3.html

爱创课堂每日一题九十六天- 行内元素有哪些？块级元素有哪些？ 空(void)元素有

1）CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，比如div默认display属性值为“block”，成为“块级”元素；span默认display属性值为“inline”，是“行内”元素。
（2）行内元素有：a b span img input select strong（强调的语气） 块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p
（3）知名的空元素：
<br><hr><img><input><link><meta>鲜为人知的是： <area><base><col><command>
<embed><keygen><param><source><track><wbr>