html之内联元素与块状元素

一.html之内联元素与块状元素

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

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

3.当然，块状元素与内联元素是可以相互装换的。给块状元素设置display：inline;或者给内联元素设置display：block；即可装换。

4.所有块状元素：      

address – 地址  blockquote – 块引用            center – 居中对齐       dir – 目录列表          div – 常用块级容易，也是CSS layout的主要标签

dl – 定义列表  fieldset – form控制组  form – 交互表单好 h1-h6 - 标题  hr – 水平分隔线 isindex – input prompt

menu – 菜单列表 noframes – frames可选内容，（对于不支持frame的浏览器显示此区块内容 noscript – 可选脚本内容（对于不支持script的浏览器显示此内容

ol – 有序表单  p – 段落  pre – 格式化文本  table – 表格  ul – 无序列表

5.  常用的块状元素：

•div  -  块　　•p  -  段落　　•h1 ~ h6  -  大标题　　•table , form  -  表格，表单　　•ul , ol  - 非排序列表，排序表单　　•hr  -  水平分割线

6.常见的内联元素:

•a   -  锚点  　　 •span  -  内联块 　　 •br  -  换行 　　 •input  -  输入框　　  •img  -  图片　　select  -  项目选址 　　 •textarea  -  多行文本输入框

7.所有的内联元素：

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