HTML-块元素和内联元素

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML-块元素和内联元素相关的知识,希望对你有一定的参考价值。

块元素:每个块元素独自占一行。当出现N个块元素时,会占N行。

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 noframes-frames可选内容,(对于不支持frame的浏览器显示此区块内容)18 menu - 菜单列表
19 noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)    20 ol - 排序表单
21 p - 段落                                22 pre - 格式化文本   
23 table - 表格                             24 ul - 非排序列表(无序列表)

 

内联元素:当出现N个内联元素时,当N个内联元素的长度相加小于一行的长度时,N个内联元素占一行。

1 a – 锚点         2 abbr – 缩写         3 acronym – 首字         4 b – 粗体(不推荐)
5 bdo – bidi override  6 big – 大字体       7 br – 换行           8 cite – 引用
9 var – 定义变量    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 code – 计算机代码(在引用源码的时候需要)
 
内联元素和块元素的转换:
内联元素→块元素:(display:inline;)
块元素→内联元素:(display:block;)
 

以上是关于HTML-块元素和内联元素的主要内容,如果未能解决你的问题,请参考以下文章

HTML-块元素和内联元素

内联元素和块元素

关于CSS的内联和块元素

HTML - 一篇文章带你认清块级元素内联元素行内块级元素

带你认清块级元素内联元素行内块级元素

CSS--基础块级元素与内联元素