HTML脑图

两天学会HTML，哈哈哈哈哈，快来学吧。

HTML

• 语义化标签
  • 标题标签
  • 段落标签
  • 换行标签
• 无语义标签
  • div(块元素)
  • span(行内元素)
• 内容标签
  • img(图片标签)
    • <img>
      • 必要属性
        • src
          • 规定显示图像的 URL。
        • alt
          • 规定图像的替代文本。
      • 可选属性
        • height
        • width（height&&width一般只写一个 另一个会按比例缩放）
  • a(超链接标签)
    • <a href=""></a>
      • href
        • 规定链接指向的页面的 URL。
      • target
        • 规定在何处打开链接文档。
          • _self(本页面打开)
          • _blank(新开窗口)
  • 注释标签
    • <!-- -->
      • 快捷键(ctrl+/)
      • 快捷键(shift+alt+a)
  • 特殊字符
    • 空格 (&nbsp)
    • 大于号(&gt)
    • 小于号(&it)
• 功能标签
  • 表格标签(数据展示)
    • 表格基本语法
    • 表格属性
      • align
        • 规定表格相对周围元素的对齐方式。
          • left
          • center
          • right
      • border
        • 规定表格边框的宽度。
      • cellpadding
        • 规定单元边沿与其内容之间的空白。
      • cellspacing
        • 规定单元格之间的空白。
      • width
        • 规定表格的宽度。
  • 列表标签(布局)
    • 有序
    • 无序
    • 自定义
  • form(表单(获取用户信息))
    • 表单控件
      • input
        • type属性的值
          • text
            • 单行输入字段
          • submit
            • 定义提交按钮
          • reset
            • 重置表单中的所有数据
          • checkbox
            • 定义复选框
          • radio
            • 定义单选按钮（要使用同一个name属性）
          • password
            • 定义密码字段
          • file
            • 定义输入字段和“浏览”按钮，供文件上传
          • button
            • 点击按钮（与JS搭配使用）
      • label
        • 提高用户体验（加大点击范围）
      • select
        • 下拉列表
      • textarea
        • 多行文本框