一名前端小白的学习笔记(1/N)--HTML标签

HTML标签（hyper text markdown language）（h5新增 红）(h5删除 绿)

• 内容标签显示模式(块级/行内、行内块)
  • 块级元素
    • 特性
      • 高度，宽度、外边距以及内边距都可以控制
      • 自己独占一行
      • 宽度默认是容器（父级宽度）的100%
      • 是一个容器及盒子，里面可以放行内或者块级元素
      • 只有 文字才 能组成段落 因此 文字标签p、hx、dt里面不能放块级元素，特别是 p 不能放div
    • div
    • h1-h6
    • tr
    • hr
    • p
    • dl
    • ul
    • ol
    • li
    • dt
    • dd
    • table
    • form
    • artcile
    • footer
    • header
    • nav
    • section
  • 行级元素
    • 特性
      • 相邻行内元素在一行上，一行可以显示多个
      • 高、宽直接设置是无效的
      • 默认宽度就是它本身内容的宽度
      • 行内元素只能容纳文本或则其他行内元素
      • 链接里面不能再放链接
      • 特殊情况a里面可以放块级元素，但是给a转换一下块级模式最安全
    • span
    • b
    • strong
    • u
    • ins
    • s
    • del
    • i
    • em
    • a
    • lable
  • 行内块元素
    • 特性
      • 和相邻行内元素（行内块）在一行上,但是之间会有空白缝隙。一行可以显示多个
      • 默认宽度就是它本身内容的宽度
      • 高度，行高、外边距以及内边距都可以控制
      • 缺点
        • 它可以实现多个元素一行显示，但是中间会有空白缝隙，不能满足以上第一个问题
        • 不能实现盒子左右对齐
    • input
    • img
    • td
• 标签分类
  • 单标
    • br hr input link
  • 双标
• 标签关系
  • 嵌套
  • 并列