在制作网页时,块级元素和行内元素分别有哪些? 5
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)可变元素可根据上下文语境决定该元素为块元素或者内联元素。
块级元素:在浏览器显示时,通常会以新行来开始(和结束)。
常见块元素(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 - 客户端脚本
常见的块元素:
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这样的属性,让它也在一行上排列。
参考资料:百度百科-块元素
块级元素(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 - 下划线
* 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