From 353e5c3ae6543bb57fc0e4681fa1b0f83a2a87f4 Mon Sep 17 00:00:00 2001
From: Rikako Wu <496063163@qq.com>
Date: Wed, 15 Jun 2022 10:08:01 +0800
Subject: [PATCH] daily commit

---
 html/html基础.md | 95 +++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 93 insertions(+), 2 deletions(-)

diff --git a/html/html基础.md b/html/html基础.md
index eb02763..637d7c7 100644
--- a/html/html基础.md
+++ b/html/html基础.md
@@ -339,7 +339,6 @@
     </tr>
   </table>
   ```
-  
   - colgroup和col
     - &lt;colgroup&gt;：col的容器
     - &lt;col&gt;：col通常用来指定表格中列的样式
@@ -359,7 +358,99 @@
       </tr>
     </table>
     ```
-
+  - caption：添加描述性文本，描述性文本位于表格的正上方
+  ```html
+  <table>
+    <caption>Waifu Table</caption>
+    <tr>
+      <th>Name</th>
+      <th>Age</th>
+    </tr>
+    <tr>
+      <td>Touma</td>
+      <td>17</td>
+    </tr>
+  </table>
+  ```
+  - thead,tbody,tfoot
+    - thead通常用来标注表头的行，即&lt;th&gt;标签所在的行
+    - tfoot通常用来标注表尾信息，比如对上述内容之和的SUM统计
+    - tbody通常用来标注表格除thead和tfoot之外的其他信息
+    ```html
+    <table>
+      <colgroup>
+        <col>
+        <col style="background-color:gray">
+      </colgroup>
+      <caption>Cost Summary</caption>
+      <thead>
+        <tr>
+          <th>Term 1</th>
+          <th>Term 2</th>
+        </tr>
+      </thead>
+      <tfoot style="font-weight:bold;font-size:1.2em;color:cyan">
+        <td>3</td>
+        <td>5</td>
+      </tfoot>
+      <tbody>
+        <tr>
+          <td>1</td>
+          <td>2</td>
+        </tr>
+        <tr>
+          <td>2</td>
+          <td>3</td>
+        </tr>
+      </tbody>
+    </table>
+    ```
+  - 可以在td中嵌套table表格
+    ```html
+    <table>
+      <thead>
+        <tr>
+          <th colspan="2" style="text-align:center">Waifu</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>
+            <table>
+              <tr>
+                <th>Name</th>
+                <th>Age</th>
+              </tr>
+              <tr>
+                <td>Touma</td>
+                <td>17</td>
+              </tr>
+            </table>
+          </td>
+          <td>
+            <table>
+              <tr>
+                <th>City</th>
+                <th>Job</th>
+              </tr>
+              <tr>
+                <td>Tokyo</td>
+                <td>Pianoist</td>
+              </tr>
+            </table>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    ```
+  - scope属性：在th标签中，具有scope属性，可以指明该th对应的是行标题、列标题、行组标题、列组标题，scope标签对应如下值：
+    - row
+    - col
+    - rowgroup
+    - colgroup
+- Web表单
+  - 
+