html行内元素 和 块状元素 总结

块级元素和内联元素的区别:

块级:块级元素会独占一行,默认情况下宽度自动填满其父元素宽度;块级元素可以设置宽高;
行内:行内元素不会独占一行,相邻的行内元素会排在同一行。其宽度随内容的变化而;行内元素不可以设置宽高

块状元素

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