重头学习html5+css3系列笔记（2）

表格标签

<table></table> 表格最外层标签
<tr></tr>行标签
<td></td>在每一行里可以嵌套多个该标签，相当于单元格
<th></th>使用该标签会使文字加粗居中对齐 可以用于表格第一行说明栏
可是我在尝试过程中，遇到了一个我无法解释的问题：

 <table>
        <tr>
            <td>123</td>  <td>456</td>
        </tr>
        <tr>
            <td>12</td>
        </tr>
        <tr>hello</tr><!-- 为什么这个会跑最上边。。。 -->
    </table>

table标签属性可以更改表格样式，但一般通过css修改
为了更好的分开表格头部和表格主体，可以使用以下标签
<thead></thead> 头部部分 用来包含th等表签（内部必须包含tr
）
<tbody></tbody> 主体部分
合并单元格
（其实个人认为不应该叫合并单元格，应该叫该单元格占据了几行几列，因为span有横越跨越持续的意思）
这个属性是写在td里的
colspan=“跨越的列数” 从左到右
rowspan="跨越的行数"从上到下

列表标签

无序列表

 <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>

ul的下一级必须是li，即内部所有元素必须包含在li中
快速生成无序标签：ul>li*n

有序列表

  <!-- ul>li*n快速生成 -->
    <ol>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ol>

在行头会加数字自动排序

自定义列表

 <dl>
        <dt>计算机学院</dt>
        <dd>一班</dd>
        <dd>二班</dd>
        <dd>三班</dd>
    </dl>

老师用通俗的语言描述，一个大哥带着一群小弟
后边的dd是对dt的一个拓展和解释
当然可以也有多个dt和dd

表单标签

表单由表单域，表单控件（也称为表单元素），提示信息三部分构成

表单域

表单域包含表单元素，会将其包含在内部的信息提交给服务器

<form action="" name="" method=""></form>

action: url地址
method：提交方式 get/post
name：名字，用于区分

表单控件

<input type="text"> 单标签
name属性：区分不同的表单元素
value属性：默认值，还可以修改按钮中的值
例如： <input type="reset" value="clear"> 会将按钮内默认的“”重置“”字样改为clear
type属性：
text： 文本框
password ：密码框
radio： 单选框
但是如果是这样的话，两个可以同时选中

  <input type="radio">是不是
  <input type="radio">不试试

如果实现多选一，还需要用input的name属性，并且这些选项需要相同的名字

checkbox： 复选框
多选框相同的name也可以多选
单选框和多选框只有有了相同的名字，服务器才知道该选项用户做了什么选择
submit：将表单数据发送给服务器
reset：重置表单数据
button：按钮，通常配合js使用 value默认为空值
file：本地文件选择

**check属性：**单选框和多选框可以设置check属性，当打开页面时对应选项默认被选中
maxlength属性：规定最多输入字符数

<label for=""></label> 可以为input 元素定义标注
当用户点击label内包含的元素后，或自动将焦点转移到对应的表单元素上，增加用户体验
例如：

 <input type="radio" id="123"> <label for="123">是不是</label> 

当点击是不是时，便会选中对应id为123的radio，用户不需要去点击那个小圆点

选择器

<select name="" id="">
            <option value="">北京</option>
            <option value="">徐州</option>
 </select>

选择器，可以节约大量的空间，这是他的由来吧，其实仔细想想，这个如果没有的话是可以被radio代替的，但是radio的话又会占用太多的空间，于是便产生了select，这是我的想法，嘻嘻嘻，我感觉人类真的是太聪明了！

select中必须包含一对option，默认显示的是第一个选项
可以使用selected属性来自定义默认选中

<textarea name="" id="" cols="30" rows="10"></textarea> 文本域