HTML标签知识总结

HTML标签知识总结，导图介绍了HTML结构、DIV布局、CSS效果、HTML标签、有语义标签等，收藏下图学习吧！

HTML标签知识总结

• HTML结构
  • doctype
    • strict
    • transitional
    • frameset
  • head
    • title
    • meta charset
  • body
    • 各种DIV及HTML标签
• DIV布局
  • 布局原则
    • 从上到下
    • 从左到右
    • 从大到小
  • 盒子模型
    • 宽高
      • width
      • height
    • margin
    • border
    • padding
  • 浮动布局
    • 浮动概念
    • 浮动清除
• css效果
  • 选择器
    • ID选择器
    • 类选择器
    • 标签选择器
    • 派生选择器
    • 伪类选择器
    • 通配选择器
  • 控制效果
    • 段落控制
      • text-indent：首行缩进
      • text-align：水平文字方间
      • ext-decoration：文本装饰线
      • text-spacing：字符间距
      • text-transform：字母大小写转換
    • 文字控制
      • color：颜色
      • font-style：文字样式
      • font-weight：文字粗细
      • font-size：文字大小
      • line-height：行高
      • font-family：字休
    • 背景控制
      • background-color：背景颜色
      • background-image：背景图片
      • background-repeat：背景图重复
      • background-attachment：背景图粘贴方式
      • background-position：背景图位置
  • 引入方式
    • 页内style标签
    • 外部css文件
    • 行内style标签
    • import导入
  • 初始化
    • 原因：浏览器对于元素有默认css参数，且可能不一致
    • 后果：浏览器之间显示效果不一样
    • 办法：统一对常用元素常用css参数，手动设定统一效果
• HTML标签
  • 无语义标签
    • div：块状元素，布局分块用
    • span：内联元素，选择文字用
• 有语义标签
  • h1-h6：标题
  • p：段落
  • img：图片
  • embed：视频
  • a：超链接和锚点
  • ul：无序列表
  • ol：有序列表
  • table：表格