html常见的块状元素与内联元素

  • A+
所属分类:HTML

201、块状元素一般比较霸道,它排斥与其他元素位于同一行内,比如div,并且width与height对它起作用。

2、内联元素只能容纳文本或其他内联元素,它允许与其他内联元素位于同一行内,比如span,但,width与height对它不起作用。

html常见的块状元素与内联元素

3、当然,块状元素与内联元素是可以相互转换的,给块状元素设置 display:inline; 或 给内联元素设置display:block; 即可转换。

块状元素
内联元素

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 – 无序列表

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

weinxin
我的微信
分享学习和工作过程中总结出来的一些经验与技巧,关注前端设计与网站制作。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: