从0开始学web-day3

复习：

1.表格的分组
表格按照数据行分组：表头thead 表体tbody 表尾tfoot
注意：thead tbody tfoot 要用就一起使用 要么都不用 thead tfoot只能存在一个 tbody可以存在多个
使用顺序thead tfoot tbody（有利于用户体验和后期其他工作）
表格的列标题：td换成th th默认加粗水平垂直居中
表格的标题：caption
表格的分割线：rules=“none,all,cols,rows,groups”
groups需要配合col或者colgroup
col没有竖向的分隔线 colgroup有
span可以将相邻的列合并 默认是1
注意：如果使用groups进行合并要要求表格的td里没有任何的行合并和列合并

2.布局标签
布局标签 没有任何自带的效果
div 布局块 独占一行
span 布局节点 自左向右在一排显示

3.表单

表单
        作用：收集用户信息
        表单的组成：表单域form 表单控件input select textarea 提示信息label
        input的type类型
        文本框 text
        密码框 password
        单选按钮radio
        复选框checkbox
        图像image 当做提交按钮使用
        文件file
        普通按钮botton
        重置按钮reset
        提交按钮submit隐藏按钮hidden
        input的属性
        type类型
        name名称 单选按钮必须有一组保持一致
        checked默认选中
        disabled禁用multiple选择多个
        maxlength最多可以输入的字符数
        minlength最少可以输入的字符数
        size文本框的大小
        value默认值

        下拉菜单 默认第一个option 想要哪个显示就给哪个写selected
        默认只可以选择一条
        多行文本域textarea col宽度 一排显示的字符数 rows高度 出现多少行显示滚动条

4.label标签的作用

<label> 标签为 input 元素定义标注（标记）。
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。

5.代码规范
前端代码规范

    5.1 标签名必须使用小写
    5.2 属性名必须使用小写字母，属性值必须用双引号包围
    5.3 使用4个空格作为一个缩进层级
    5.4 class必须单词全字母小写，单词间以-分隔
    5.5 id使用驼峰式命名（从第二个单词开始，首字母大写）