基础表格

一,基础表格
  1，合并单元格
   rowspan：跨行合并;将垂直方向上的两个或多个单元格合并为一个单元格
   colspan：跨列合并;将水平方向上的两个或者多个单元格合并为一个单元格
   心得：
     1）先确定合并几个单元格，分别在哪里，谁跟谁合并
    2）确定跨行合并夯实跨列合并
     3）在被合并单元格的第一个中写合并属性，合并几个单元格，删除后边以及被合并的单元格
  注意：合并单元格是不能拐弯的
  2，thead、tbody、tfoot
   表格分为三部分:题头，正文，脚注
   thead:表头，放th
   tbody：数据文本，td
   tfoot：表格脚注，td
   作用：表格加载时，可以分段显示，也就是说在正常情况下，浏览器解析表格是整块解析的，如果使用这三个标签，tbody就可以有限解析，并且三者不管以什么书写顺序，最终thead都是在最上边显示，tfoot都是在最下边显示
  注：ie678必须写这三个标签，不写不显示
  3,表哥可以放什么东西
   文本，图片(img),列表(ol、ul、dl)，段落(p)，表单(form)水平线(hr)、文本样式标签，表格自己等，但是这些东西都必须放进th或者td里边
  4，细线表格
    1)使用cellspacing="0",使得边框紧挨在一起，但是边框的宽度是2像素， 太宽
    2)使用css样式做到，
     border-collapse:collapse;合并单元格边框
二，表单简介
  1，什么是表单
    表单负责采集数据信息，用户输入信息，表单通过网络服务上传至服务器，服务器或电子邮件将得到用户信息，并存放到数据库，当用户登录或者展示个人信息是直接调用这些信息，
   常见的表单
     注册，登录，设置个人信息，搜索内容，....
   表单的作用；
    1) 用于收集不同类型的用户信息
    2) 提交表单向服务器发送数据，实现用户与web服务器之间的交互
    3) 表单是一个包含众多表单元素的区域，
    4) 表单使用<form></form>标签界定表单区域
   form标签：定义一个表单区域，双标签
   表单可以包含文本，单行输入框，多行输入框，复选框，单选框，下拉框，段落，超链接，按钮，重置等标签，
  2,表单的属性：
    *1)action:值是一个url，指定即将表单数据发送到那个位置(服务器、文件)，一般这个地方将是一个php接口文件，
    2)name:定义表单名字，
       id：定义表单唯一标示
    3)enctype="string":规定在发送表单时，如何对表单的数据进行编码，通常用于文件上传，文件上传需要写：endtype="multipart/form-data":以二进制的数据流上传表单文件
    4)method:method="get/post":规定在发送表单数据的时候用什么方式发送数据到指定的服务器
      *get：将表单数据封装到url发送，安全性低，容易泄露信息，信息会在地址栏出现，最大传输量是1k，默认传输状态
      *post:将表单数据封装到请求头中传输，可发送文件(音频、视频、图片 、文档等)，大小不受显示，相对安全，信息不会直接泄露，但不是绝对
     安全
三，表单元素
  存在于表单区域的用于表单传输数据的所有元素都是表单元素
  三个组成部分：表单标签、表单域、表单按钮
  表单标签：
       form：表单本身就是表单标签，是一个包含表单元素的区域，使用<form></form>定义
  表单域；
    表单域是form标签中用于收集用户信息的每一项信息标签存放的区域，通常使用input定义，对用户输入的不同类型的信息，以及其他标签(下拉框、多行文本框、绑定标签、段落标签等)
  表单按钮：
    提交按钮，用于提交表单中用户输入的信息到服务器，
  常用的表单元素：
    单行文本框：<input type="text">
    密码框:<input type="password">
    单选按钮:<input type="radio" name="sex">女
    复选框:<input type="checkbox">看电子书
    隐藏域:<input type="hidden" name="psw" value="520">用户看不到，专一给程序员用的
    文件域:<input type="file">
    按钮:<input type="button" value="普通按钮">
    重置按钮:<input type="reset">
   下拉菜单:
    <select name="city" id="">
    <option value="北京">北京</option>
           <option value="上海">上海</option>
     <option value="河南">河南</option>
           <option value="江苏">江苏</option>
           <option value="安徽">安徽</option>
     <option value="海南">海南</option>
    </select>
   多行文本域:
    <textarea name="dex" id="" cols="30" rows="10" placeholder="请输入您的个人简介"></textarea>
   绑定元素：
    <input type="radio" id="nan" name="sex"><label for="nan" >男</label>
   表单域分割：
    <fieldset>
      <legend></legend>
    </fieldset>
   普通按钮：
    <botton></botton>