二、HTML标签（下）

1.表格标签：

    （1）作用：展示数据。
    （2）表格的基本语法：
        <talbe></talbe>：定义表格的标签。
        <tr></tr>：定义表格中的行，嵌套在talbe标签里。
        <td></td>：定义表格中的单元格，嵌套在tr标签里。
        <th></th>：表头单元格标签。（里面的文本内容加粗居中显示）
    （3）表格结构标签：
        使用场景：表格过长，为了更好地表示表格的语义，可将表格分割成表格头和表格主体两大部分。
        <thead>标签：表格的头部区域。内部必须拥有<tr>标签。一般是位于第一行。
        <tbody>标签：表格的主体区域。主要用于放数据本体。
    （4）合并单元格：
        跨行合并：rowspan=“合并单元格的个数”。
        跨列合并：colspan=“合并单元格的个数”。

2.列表标签：

    （1）作用：布局。
    （2）三大类列表：无序列表、有序列表、自定义列表。
    （3）无序列表：
        基本语法：<ul></ul>标签表示无序列表，<li></li>标签定义列表项。
        注意事项：列表项没有顺序之分，是并列的。
        <ul></ul>中只能嵌套<li></li>。
        <li></li>之间可以放其它标签。
    （4）有序列表：
        基本语法：<ol></ol>标签定义有序列表，列表排序以数字显示。<li></li>标签定义列表项。
        注意事项：<ol></ol>中只能嵌套<li></li>。<li></li>之间可以放其它标签。
    （5）自定义列表：
        基本语法：<dl></dl>标签定义列表，该标签与<dt>和<dd>标签一起使用。
        <dt></dt>标签：定义项目/名字。
        <dd></dd>标签：描述每一个项目/名字。
        注意事项：<dl></dl>标签里面只能包含<dt>和<dd>标签。<dt>和<dd>标签的个数没有限制，经常是一对多的形式。

3.表单标签：

    （1）作用：收集用户信息。
    （2）表单的组成：表单域、表单元素、提示信息。
    （3）表单域：包含表单元素的区域。
        <form>标签：定义表单域。实现用户信息的收集和传递。
        三个属性：<form action="demo.php" method="post" name="name1">

    （4）表单元素：
        input输入表单元素
            <input />是一个单标签。
            type属性设置不同的属性值用来指定不同的控件类型。
                <input type="text">：文本框。
                password：密码框。
                rdio：单选按钮。
                    性别：男 <input type="radio" name="sex" value="男"> 女<input type="radio" name="sex" value="女">
                checkbox：复选框。
                submit：点击了提交按钮，可以把表单域form里面的表单元素里面的值提交给后台。
                reset：重置按钮可以还原表单元素初始的默认状态。
                button：普通按钮。后期结合js一起使用。
                file：文件域，上传文件使用的。
            name和value属性：
                name：定义input元素的名称。
                value：规定input元素的值。
                    刚打开页面就默认显示几个文字。
                name和value是每个表单元素都有的属性值，主要给后台人员使用。name表单元素的名字，要求单选按钮和复选框要有相同的name值。
            checked属性：规定此input元素首次加载时应当被选中。
                单选按钮和复选框可以设置checked属性，当页面打开的时候就可以默认选中这个按钮。
            maxlength属性：规定输入字段中的字符的最大长度。
            label标签：不属于表单，但是它经常和表单元素一起使用。为input元素定义标注。
                label标签用于绑定一个表单元素，当点击label标签内的文本时，浏览器就会自动将焦点或光标转到/选择到对应的表单元素上，用来增加用户体验。
                核心：label标签的for属性应当与相关元素的id属性相同。
                <input type="radio" id="man"><label for="man">男</label>

        select下拉表单元素
            使用场景：在页面中，如果有多个选项让用户选择，并且想要节约页面空间。
                    <form>
        籍贯：<select>
      <option>广东</option>
      <option>北京</option>
      <option selected="selected">山东</option>
    </select>
    </form>
                在<option>中定义selected="selected"时，当前项即为默认选中项。

        textarea文本域元素
            使用场景：当用户输入内容较多的情况下，我们就不能使用文本框表单了，这时就要使用<textarea>标签。
                <textarea>标签：定义多行文本输入的控件。
                常见于留言板，评论。