HTML 知识点

超文本标记语言（HTML），作为网页的结构语言，是前端学习的第一步。这个思维导图包括大部分的HTML知识点。

HTML

• 特殊标签
  • iframe
    • 内嵌标签
  • canvas
    • 画布标签
• 注释标签
• 结构标签
  • !DOCTYPE
    • 文档类型声明标签
  • html
    • 属性
      • lang 网站默认语言
        • • en 英语
          • zh-CN 中文
  • header
    • mate
      • 文档关联
      • 属性
        • name 名称
          • keyword 关键字
          • description 描述
          • SEO搜索
        • charset 字符集
          • UTF-8 万国码
    • title
      • 网页名称
    • link
      • 引用外部文件
      • 属性
        • rel 文档与引用文件关系
        • type 引用文件类型
        • href 引用文件路径
  • body
• 超链接标签
  • a
    • 属性
      • href 跳转路径
        • # 占位符
        • #idName 锚点定位
      • target 跳转方式
        • _self 原窗口打开
        • _blank 新窗口跳转
• 文字类标签
  • 标题标签
    • h1
      • 一级标题
    • h2
      • 二级标题
    • h3
      • 三级标题
    • h4
      • 四级标题
    • h5
      • 五级标题
    • h6
      • 六级标题
    • 标题级数越高文字大小越大，权重越高
  • 段落标签
    • p
      • 上下有间隔
  • 换行标签
    • br
  • 文字效果标签
    • 加粗
      • strong
      • b
    • 倾斜
      • em
      • i
    • 删除
      • del
      • s
    • 下划线
      • ins
      • u
    • 最好使用第一种，语义 第二种逐渐淘汰
• 容器标签
  • div
    • 块级元素 独占一行
  • span
    • 行内元素
• 列表标签
  • ul
    • 无序列表
  • ol
    • 有序列表
  • li 列表元素
  • dl
    • 自定义列表
      • dt
        • 列表头
      • dd
        • 列表元素
• 表单标签
  • form
    • 表单控件
      • input
        • 属性
          • type 类型
            • text 明文
            • password 暗文
            • maxlength 最大文本长度
            • radio 单选框
            • checkbox 多选框
            • checked 默认值
            • submit 提交
            • reset 重置
            • button 按钮
            • file 上传文件
          • name 属性
          • value 属性值
      • label
        • 属性
          • for 绑定控件的id名
      • select
        • 下拉框
          • option
            • 下拉内容
          • 属性
            • selected 默认选项
      • texteras
        • 文本域
        • 属性
          • rows 行数
          • cols 列数
          • placeholder 占位符
    • 属性
      • action 数据接受地址
      • method 数据发送方式
        • post
        • get
      • name 表单名
• 图片标签
  • img
    • 属性
      • src 图片路径
      • alt 图片描述
      • title 图片名称
      • width 图片宽度
      • height 图片高度
      • 只输入其中一个属性 另一个属性会根据图片比例自适应
      • border 图片边框
• 媒体标签
  • audio
    • 音频
      • 属性
        • autoplay
          • 自动播放
        • controls
          • 控制组件
        • loop
          • 循环播放
        • muted
          • 静音
        • volume
          • 声音大小
        • preload
          • none
            • 不进行缓存
          • auto
            • 进行缓存
          • metadata
            • 加载音频长度
  • vedio
    • 视频
      • 属性
        • autoplay
          • 自动播放
        • controls
          • 控制组件
        • loop
          • 循环播放
        • muted
          • 静音
        • volume
          • 声音大小
        • preload
          • none
            • 不进行缓存
          • auto
            • 进行缓存
          • metadata
            • 加载视频长度
        • poster
          • 海报帧
        • duration
          • 双精度时间显示
        • height
          • 视频展示区域高度
        • width
          • 视频展示区域宽度
• 表格标签
  • table
    • tr
      • 表格中的行
    • th
      • 表头单元格
    • td
      • 表格单元格
      • 属性
        • rowspan 跨行合并
        • colspan 跨列合并
    • thead
      • 表头
    • tbody
      • 表体
    • 属性
      • border 表格边框
      • align 表格位置
        • left 居左
        • center 居中
        • right 居右
      • width 表格宽度
      • height 表格高度
      • cellspacing 表格单元格之间的间距
      • cellpadding 表格单元格与文字之间的间距