web的日常更新7.14

今天不负众望的上了新内容，怎么说呢，我自我感觉良好，因为这个内容还是挺简单的，就让我介绍一下今天学习的内容吧！

1.表格

<!--

表格在日常生活中使用的非常的多，比如excel就是专门用来创建表格的工具，

  表格就是用来表示一些格式化的数据的，比如：课程表、银行对账单

 在网页中也可以来创建出不同的表格。

 1、在HTML中，使用table标签来创建一个表格

 2、在table标签中使用tr来表示表格中的一行，有几行就有几个tr

 3、 在tr中需要使用td来创建一个单元格，有几个单元格就有几个td

 4、table标签里有自带的属性： border="1" width="40%" align="center"

 5、rowspan用来设置纵向的合并单元格

 6、colspan横向的合并单元格

 -->

2.表格样式

 3.长表格

<!--

有一些情况下表格是非常的长的

  这时就需要将表格分为三个部分，表头，表格的主体，表格底部

在HTML中为我们提供了三个标签

   thead  表头  永远在表格的头部

   tbody  表格的主体  永远在表格中间

   tfoot  表格的底部  永远在表格底部

   用来区分表格不同的部分，顺序，浏览器会自动调整

如果表格中没有写tbody，浏览器会自动在表格中添加tbody

并且将所有的tr都放到tbody中，所以注意tr并不是table的子元素，而是tbody的子元素

通过table > tr 无法选中行 需要通过tbody > tr

-->

4.表单

 <!--

表单：

    将用户信息等本地的数据信息提交给服务器的

    比如：百度的搜索框 注册 登录这些操作都需要填写表单

-->

    <!--

1:创建表单  form标签

    属性：

        action属性（必须要写）

        指向的是一个服务器的地址，当我们提交表单时将会提交到action属性对应的地址

-->

    <!--

2:添加表单项

    使用form创建的仅仅是一个空白的表单，

        我们还需要向form中添加不同的表单项

-->

<!-- input属性补充

          1: autocomplete="off"  关闭自动补全

          2: readonly 设置为只读，不能修改

          3: disabled 设置为禁用

          4: autofocus  自动获取焦点

          5: placeholder 提示内容

  -->