html的内联元素有哪些

html的内联元素有哪些,第1张

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 - 定义变量。

一、显示方式不同

1、块级元素:是块元素都从新行开始,相邻的块级元素将会在不同行显示。

2、内联元素:一个挨着一个,都在同一行按从左至右的顺序显示,不单独占一行。

二、高度不同

1、块级元素:高度,行高以及外边距和内边距都可控制,以容纳内联元素和其他块元素。

2、内联元素:高度、行高和顶以及底边距都不可改变。

三、宽度设置不同

1、块级元素:宽度缺省是它的容器的100%,除非设定一个宽度。

2、内联元素:宽度就是它的文字或图片的宽度,不可改变。

参考资料来源:百度百科-内联元素

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

内联元素(inlineelement)一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素,常见内联元素"a"。

块元素(blockelement)和内联元素(inlineelement)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后,块元素和内联元素的这种属性差异就不成为差异了。比如,我们完全可以把内联元素cite加上display:block这样的属性,让他也有每次都从新行开始的属性。

块元素(blockelement)

*address-地址

*blockquote-块引用

*center-举中对齐块

*dir-目录列表

*div-常用块级容易,也是csslayout的主要标签

*dl-定义列表

*fieldset-form控制组

*form-交互表单

*h1-大标题

*h2-副标题

*h3-3级标题

*h4-4级标题

*h5-5级标题

*h6-6级标题

*hr-水平分隔线

*isindex-inputprompt

*menu-菜单列表

*noframes-frames可选内容,(对于不支持frame的浏览器显示此区块内容

*noscript-)可选脚本内容(对于不支持script的浏览器显示此内容)

*ol-排序表单

*p-段落

*pre-格式化文本

*table-表格

*ul-非排序列表

内联元素(inlineelement)

*a-锚点

*abbr-缩写

*acronym-首字

*b-粗体(不推荐)

*bdo-bidioverride

*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-定义变量


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/zaji/6298871.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-20
下一篇 2023-03-20

发表评论

登录后才能评论

评论列表(0条)

保存