在制作网页时,块级元素和行内元素分别有哪些? 5

 我来答
写作素材铺
推荐于2019-09-22 · TA获得超过510个赞
知道答主
回答量:10
采纳率:100%
帮助的人:1779
展开全部

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)可变元素可根据上下文语境决定该元素为块元素或者内联元素。




蓓蓝
推荐于2019-08-01
知道答主
回答量:15
采纳率:75%
帮助的人:9.1万
展开全部

块级元素:在浏览器显示时,通常会以新行来开始(和结束)。

常见块元素(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 - 客户端脚本

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
圆随缘灭
推荐于2019-08-02 · TA获得超过8358个赞
知道答主
回答量:5
采纳率:0%
帮助的人:681
展开全部

常见的块元素:

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这样的属性,让它也在一行上排列。

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

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
水族箱过滤
推荐于2017-05-16 · TA获得超过552个赞
知道小有建树答主
回答量:583
采纳率:0%
帮助的人:179万
展开全部
块级元素占一行,不论内容多少只要是有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 - 下划线
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
hongse_123
高粉答主

2013-03-04 · 繁杂信息太多,你要学会辨别
知道大有可为答主
回答量:1.7万
采纳率:80%
帮助的人:3239万
展开全部
块元素(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

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式