html之内联元素与块状元素;

时间:2023-12-06 15:26:20

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