认识 HTML标签与属性

相信很多初学html标签的同学，在看到W3C上的介绍时，肯定是一头雾水！

这个像字典一样的东西，给老手查还可以，对于新手来讲，通过背字典，来学会遣词造句，无疑是低效且困难的！

所以我给它们简单的归了个类，当然不是很全面，如果有兴趣，大家可以照着架子补全！

---

HTML标签（用于容纳 文本 音频 视屏）

按用途分类

• 仅数据展示

  • 文字内容
    • p
    • h
    • span :通常用于 定义某几个字的样式
    • a 「超链接」
      私有属性
      • href:超链接地址
  • 图片
    • img
      私有属性
      • src:图片所在地址
  • 列表 表格
    • ul 「无序标签」
      • li: 「子标签」
    • ol 「有序标签」
      • li: 「子标签」
    • table 「定义一个表格」
      • tr :表格的行标签 「table row」
      • td:表格的单元格标签
      • th:表格的表头单元格标签

• 用于 与后台的数据交

  • form
  • input
    私有属性
    • name:用于服务器间的数据交互。在servlet中是根据前端提供的name,来获取参数的数据value的
    • value:文本框内的值（要传给服务器的参数），ps：radio checkbox按钮的name跟text是不一样的
    • type：
      • checkBox: 多选框
      • radio：单选框
      • button：按钮
      • file:文件
      • password:
      • text：普通文本
  • select(下拉列表)
    • option
  • button

  ---

  HTML标签共有属性

  • id：主要用于 script中 获取对象的标志
  • class：主要用于给多种结构的标签构建相同的样式
  • style：直接定义样式
  • 事件属性
    • 鼠标触发
    • 键盘触发