块级元素和内联元素的区别:
块级:块级元素会独占一行,默认情况下宽度自动填满其父元素宽度;块级元素可以设置宽高;
行内:行内元素不会独占一行,相邻的行内元素会排在同一行。其宽度随内容的变化而;行内元素不可以设置宽高
块状元素
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 - 小字体文本
- strike - 中划线
- strong - 粗体强调
- sub - 下标
- sup - 上标
- tt - 电传文本
- u - 下划线
- var - 定义变量