码迷,mamicode.com
首页 > Web开发 > 详细

HTML-块元素和内联元素

时间:2016-05-22 18:03:25      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:

块元素:每个块元素独自占一行。当出现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-块元素和内联元素

标签:

原文地址:http://www.cnblogs.com/yepyep/p/5517123.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!