4、关于html

        今天的故事开始，没有小说里的娓娓道来，也没有小说里男女主那样的美好浪漫，它草草开场，紧接昨天的文章继续来了解html的标签 。

一、表格标签

        1、表格标签的结构标签：

                让表格的内容结构分组，突出表格的不同部分（头部、主体、底部），使语义更加清晰。

                （1）结构标签：

                                

标签名	名称
thead	表格头部
tbody	表格主体
tfoot	表格底部

        2、合并单元格：

              （1）rowspan：跨行合并，将多行的单元格垂直合并。

              （2）colspan：跨列合并，将多列的单元格水平合并。

      3、 合并单元格的步骤是什么呢？

                （1）明确合并哪几个单元格

                （2）通过左上原则，确定保留准删除谁

                          a、上下合并-保留最上的，删除其他

                          b、左右合并-保留最左的，删除其他

                （3）给保留的单元格设置：跨行合并（rowspan）或者跨列合并（colspan）

               注意点：不可以跨结构标签去合并单元格

三、表单标签

        form 表单标签 主要：用于收集用户信息  包裹以下所有项目

        在网页中显示用户信息表单效果，如：登录页、注册页

      1.  标签名：input

        input标签可通过type属性值不同，展示不同的效果。

标签名	type属性值	说明
input	text	文本框，用于输入单行文本
input	password	密码框，用于输入密码
input	radio	单选框，用于多选一
input	checkbox	多选框，用于多选多
input	file	文件选择，用于上传文件
input	submit	提交按钮，用于提交
input	reset	重置按钮，用于重置
input	button	普通按钮，默认无功能，需要之后配合js添加功能

       2. type属性值的各个用法

        （1）text（文本框）         用户名：<input type="text" placeholder="提示的内容" name="给起个名">

        placeholder 如：请输入用户名，文本框输入文字将不会继续展示

        name 给输入框起名，因根据句name属性值来接收，方便后台接收数据

        （2）password（密码框）     密码：<input type="password" name="起个名">

        （3）radio（单选）         男  <input type="radio" name="起个名" value="内容"">

                                  女  <input type="radio" name="起个名" value="内容">

                                  保密  <input type="radio"name="起个名" value="内容">

        name、value 都是后台要接收的信息

        name 多选一一定要写name和value，且name的名要一致

        value 用户选择项一定要添加

        （4）checkbox（多选）          <input type="checkbox" name="起个名" value="内容">

                                                         <input type="checkbox" name="起个名" value="内容">

                                                         <input type="checkbox" name="起个名" value="内容">

        （5）file（上传闻缉拿）         上传文件：<input type="file">

        （6）submit（提交按钮）         <input type="submit" value="登录或提交或其他">

        （7）reset（重置按钮）        <input type="reset" value="显示的内容">

        （8）rype（普通按钮）        <input type="button"  value="想要展示的内容">

        3.表单最终呈现效果如下：

                                

        故事的最后，青春的时光腹水难收，那场盛大的旅行已结束，只剩下孤独的蝉鸣。