HTML基础

table样式不要用其属性，利用css的 border

背景

• 完成了对HTML基础的复习。

认识

• 认识到了 HTML为骨架-----》内容 CSS为血肉-------》包装 JS为“思想”、“头脑”----------》交互、反馈
• 网页布局的一个效果可以用不同方案（此处方案主要指 不同标签的组合使用）实现

注意

• 注意区分有序列表、无序列表、自定义列表的使用

  • 有序：列表中各个元素有先后顺序

    • 1.起床
      2.洗漱
      3.吃饭
      4.整理
      5.出门
      

  • 无序：列表中各个元素无先后顺序、无级别

    • 洗衣服
      拖地
      烧开水
      煮饭
      

  • 自定义：列表中各元素无级别、但存在从属关系

    • 作业
      阅读
      背诵
      听写
      试卷
      家务
      洗衣
      做饭
      

• 注意部分标签内只允许存在某些标签

  • <ul> <ol> dl中，前2者只允许 <li> 后者只允许 <dt> <dd>

• 注意区分表格合并中的跨行和跨列

  • 跨行–》纵向-------》写在被合并的左边第一个
  • 跨列–》横向-------》写在被合并的从上到下第一个

• <img>标签使用时注意区分 alt title两个属性

  • 前者，用于无法正常显示图片时，代替图片显示，进行说明
  • 后者，图片名称，鼠标放在图片显示

• 注意标签 label 的绑定

  • 点击该标签内的内容，《=》聚焦或选中 ：标签，那个 id的值 与 label 属性值 for 相同的

• 注意区分value name两个属性在不同标签的作用

  • value
    • 单选框、复选框标签，提供真实提交的信息
    • 文本类，解释说明作用，帮助用户理解、使用文本框
    • 按钮类，修改按钮上文字，帮助用户理解、使用按钮
  • name
  • <form>中，用以区别同页面的其他表
  • 单选框、复选框，用于确定属于同一个问题的选框
  • 定义元素名称