diff --git "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/20240919\346\240\207\347\255\276/image-1.png" "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/20240919\346\240\207\347\255\276/image-1.png"
new file mode 100644
index 0000000000000000000000000000000000000000..29ca6e557e0282c10ea3e8eee43fef3afb0acc09
Binary files /dev/null and "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/20240919\346\240\207\347\255\276/image-1.png" differ
diff --git "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/20240919\346\240\207\347\255\276/image-2.png" "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/20240919\346\240\207\347\255\276/image-2.png"
new file mode 100644
index 0000000000000000000000000000000000000000..496221ea2d52a1edee34b6e4de12de68d5c4e623
Binary files /dev/null and "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/20240919\346\240\207\347\255\276/image-2.png" differ
diff --git "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/20240919\346\240\207\347\255\276/image-3.png" "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/20240919\346\240\207\347\255\276/image-3.png"
new file mode 100644
index 0000000000000000000000000000000000000000..d7d2c4cf172fe6eed9f63496a4b23d7bd24ba441
Binary files /dev/null and "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/20240919\346\240\207\347\255\276/image-3.png" differ
diff --git "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/20240919\346\240\207\347\255\276/image-4.png" "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/20240919\346\240\207\347\255\276/image-4.png"
new file mode 100644
index 0000000000000000000000000000000000000000..a56c684495ed08e0ca99dbc6a5798d522485cd18
Binary files /dev/null and "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/20240919\346\240\207\347\255\276/image-4.png" differ
diff --git "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/20240919\346\240\207\347\255\276/image-5.png" "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/20240919\346\240\207\347\255\276/image-5.png"
new file mode 100644
index 0000000000000000000000000000000000000000..7c83ac7c930bf30147c7b7ff421189d129b84771
Binary files /dev/null and "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/20240919\346\240\207\347\255\276/image-5.png" differ
diff --git "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/20240919\346\240\207\347\255\276/image.png" "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/20240919\346\240\207\347\255\276/image.png"
new file mode 100644
index 0000000000000000000000000000000000000000..907c032f84896e870cb565bd54b137993fa6d1a2
Binary files /dev/null and "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/20240919\346\240\207\347\255\276/image.png" differ
diff --git "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/2024914\346\227\240\345\272\217\345\210\227\350\241\250/20240914170823.png" "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/2024914\346\227\240\345\272\217\345\210\227\350\241\250/20240914170823.png"
deleted file mode 100644
index 90ca251b2b4bad9ea8a07edc6c23a8b84f43e5d3..0000000000000000000000000000000000000000
Binary files "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/2024914\346\227\240\345\272\217\345\210\227\350\241\250/20240914170823.png" and /dev/null differ
diff --git "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/2024914\346\227\240\345\272\217\345\210\227\350\241\250/\346\226\260\345\273\272\346\226\207\346\234\254\346\226\207\346\241\243.md" "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/2024914\346\227\240\345\272\217\345\210\227\350\241\250/\346\226\260\345\273\272\346\226\207\346\234\254\346\226\207\346\241\243.md"
deleted file mode 100644
index 1bafe890834d813c154f949079db3cb24b031ac4..0000000000000000000000000000000000000000
--- "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/2024914\346\227\240\345\272\217\345\210\227\350\241\250/\346\226\260\345\273\272\346\226\207\346\234\254\346\226\207\346\241\243.md"
+++ /dev/null
@@ -1 +0,0 @@
-![image-20240914161814301](C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20240914161814301.png)
\ No newline at end of file
diff --git "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\210\206\351\241\265.html" "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\210\206\351\241\265.md"
similarity index 80%
rename from "\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\210\206\351\241\265.html"
rename to "\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\210\206\351\241\265.md"
index 0064bba2ebf543a5f786577a00e5142c209e15e9..50d4959e7eeeabeab1dd9b5a2d6340a79643226a 100644
--- "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\210\206\351\241\265.html"
+++ "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\210\206\351\241\265.md"
@@ -1,10 +1,8 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-    <style>
+## 效果图
+![alt text](image-1.png)
+## 分页主要代码
+```html
+   <style>
          .hz {
     display: inline-block;
     padding-left: 0;
@@ -29,7 +27,7 @@
   }
   .hz li a:hover:not(.active) {background-color: #ddd;}
     </style>
-</head>
+
 <body>
    <div class="hz">
   <ul>
@@ -44,5 +42,4 @@
     <li><a href="#!">></a></li>
   </ul>
 </div>
-</body>
-</html>
\ No newline at end of file
+```
\ No newline at end of file
diff --git "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/2024914\346\227\240\345\272\217\345\210\227\350\241\250/\345\215\232\345\256\242\345\233\255.html" "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\215\232\345\256\242\345\233\255.html"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/2024914\346\227\240\345\272\217\345\210\227\350\241\250/\345\215\232\345\256\242\345\233\255.html"
rename to "\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\215\232\345\256\242\345\233\255.html"
diff --git "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\233\276\347\211\207/image.png" "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\233\276\347\211\207/image.png"
new file mode 100644
index 0000000000000000000000000000000000000000..2779e662574f06e144255253a3ae1a5797d82a7a
Binary files /dev/null and "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\233\276\347\211\207/image.png" differ
diff --git "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\233\276\347\211\207/\345\210\206\351\241\265\346\225\210\346\236\234\345\233\276.png" "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\233\276\347\211\207/\345\210\206\351\241\265\346\225\210\346\236\234\345\233\276.png"
new file mode 100644
index 0000000000000000000000000000000000000000..eaec238ed47b92b3b50fce0fda13049590440aac
Binary files /dev/null and "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\233\276\347\211\207/\345\210\206\351\241\265\346\225\210\346\236\234\345\233\276.png" differ
diff --git "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\233\276\347\211\207/\347\203\255\346\220\234\346\225\210\346\236\234\345\233\276.png" "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\233\276\347\211\207/\347\203\255\346\220\234\346\225\210\346\236\234\345\233\276.png"
new file mode 100644
index 0000000000000000000000000000000000000000..377e0e762a9f743d0c92ec3d220559408ba82f38
Binary files /dev/null and "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\233\276\347\211\207/\347\203\255\346\220\234\346\225\210\346\236\234\345\233\276.png" differ
diff --git "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\233\276\347\211\207/\350\213\271\346\236\234\345\257\274\350\210\252\345\233\276.png" "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\233\276\347\211\207/\350\213\271\346\236\234\345\257\274\350\210\252\345\233\276.png"
new file mode 100644
index 0000000000000000000000000000000000000000..10045146cbc0bba2bcd67610e703d5375c2e3508
Binary files /dev/null and "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\233\276\347\211\207/\350\213\271\346\236\234\345\257\274\350\210\252\345\233\276.png" differ
diff --git "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\233\276\347\211\207/\350\241\250\346\240\274\346\225\210\346\236\234\345\233\276\346\202\254\345\201\234 .png" "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\233\276\347\211\207/\350\241\250\346\240\274\346\225\210\346\236\234\345\233\276\346\202\254\345\201\234 .png"
new file mode 100644
index 0000000000000000000000000000000000000000..0ee34265d8ec4b112c258727e54a368125886592
Binary files /dev/null and "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\345\233\276\347\211\207/\350\241\250\346\240\274\346\225\210\346\236\234\345\233\276\346\202\254\345\201\234 .png" differ
diff --git "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\346\260\264\345\243\266.html" "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\346\260\264\345\243\266.html"
deleted file mode 100644
index dac104509fa5e48f9c1f1f3e3c4f4b44d1cc944a..0000000000000000000000000000000000000000
--- "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\346\260\264\345\243\266.html"
+++ /dev/null
@@ -1,44 +0,0 @@
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-    <style>
-        body {
-          font-family: Arial, sans-serif;
-        }
-        .d1 {
-          width: 80%;
-          margin: auto;
-          overflow: hidden;
-        }
-        h2 {
-          color: #333;
-        }
-        p {
-          color: #666;
-          line-height: 1.6;
-        }
-        .d2 {
-          margin: 20px 0;
-        }
-        .d3 {
-          margin-bottom: 10px;
-        }
-      </style>
-</head>
-<body>
-    <div class="d1">
-        <img src="./2024914无序列表/20240914170823.png" alt="">
-        <h2>云米电水壶</h2>
-        <div class="d2">
-          <div class="d3">
-            <strong>打印特惠：</strong>30天保价售后免
-          </div>
-          <div class="d3">
-            <strong>快速煮水，放心饮用：</strong>享受健康生活
-          </div>
-        </div>
-      </div>
-</body>
-</html>
\ No newline at end of file
diff --git "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/2024914\346\227\240\345\272\217\345\210\227\350\241\250/\347\203\255\346\220\234.html" "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\347\203\255\346\220\234.md"
similarity index 89%
rename from "\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/2024914\346\227\240\345\272\217\345\210\227\350\241\250/\347\203\255\346\220\234.html"
rename to "\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\347\203\255\346\220\234.md"
index fdef6b0bc25d6fb461ed68b1bf87a72aee1563b3..bffe41b48b278b6b006375ca5c9bf4f51e9e7662 100644
--- "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/2024914\346\227\240\345\272\217\345\210\227\350\241\250/\347\203\255\346\220\234.html"
+++ "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\347\203\255\346\220\234.md"
@@ -1,9 +1,6 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+## 热搜效果图
+![alt text](image-2.png)
+```html
     <style>
 
         .news{
@@ -46,7 +43,7 @@ color: red;
        }
 
     </style>
-</head>
+
 <body>
     <div class="news">
         <h3>百度新闻热榜</h3>
@@ -62,4 +59,4 @@ color: red;
         </ul>
     </div>
 </body>
-</html>
\ No newline at end of file
+```
\ No newline at end of file
diff --git "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/2024914\346\227\240\345\272\217\345\210\227\350\241\250/apple\345\257\274\350\210\252.html" "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\350\213\271\346\236\234\345\257\274\350\210\252.md"
similarity index 94%
rename from "\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/2024914\346\227\240\345\272\217\345\210\227\350\241\250/apple\345\257\274\350\210\252.html"
rename to "\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\350\213\271\346\236\234\345\257\274\350\210\252.md"
index 0ff4e8447d39a7af5db6767a3847479e3bfcd742..8923a33b9181bb7818a059c6f676a82213677700 100644
--- "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/2024914\346\227\240\345\272\217\345\210\227\350\241\250/apple\345\257\274\350\210\252.html"
+++ "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\350\213\271\346\236\234\345\257\274\350\210\252.md"
@@ -1,10 +1,8 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-    <style>
+## 苹果导航栏作业预览
+![alt text](image.png)
+
+```html
+   <style>
   
         ul{
             list-style: none;
@@ -38,7 +36,6 @@
     }
        
     </style>
-</head>
 <body>
     <div>
     <ul>
@@ -79,4 +76,4 @@
 
     </div>
 </body>
-</html>
\ No newline at end of file
+```
\ No newline at end of file
diff --git "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\350\241\250\346\240\274\345\215\225\345\205\203\346\240\274\347\216\251.md" "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\350\241\250\346\240\274\345\215\225\345\205\203\346\240\274\347\216\251.md"
new file mode 100644
index 0000000000000000000000000000000000000000..40ce81bb45f982040c5dc0d36d4b8b56dc8c5dac
--- /dev/null
+++ "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\350\241\250\346\240\274\345\215\225\345\205\203\346\240\274\347\216\251.md"
@@ -0,0 +1,86 @@
+## 效果图
+![alt text](image.png)
+## 悬停效果
+![alt text](image-1.png)
+### 主要代码
+css
+```html
+<style>
+       
+       div{
+        width: 50%; 
+  margin-left: auto; 
+  margin-right: auto; 
+       }
+        table {
+           
+  border-collapse: collapse; /* 边框合并 */
+}
+
+        th,td{ width: 70px; 
+            border: 1px solid;
+           text-align: center;
+
+        }
+        th{
+            background-color: pink;
+        }
+        td:hover{
+            size: 25px;
+            background-color: #02ffff;
+            box-shadow: 0 0 10px #ffcc00; 
+        }
+
+        
+    </style>
+```
+
+body
+```html
+<body>
+    <div>
+        <table>
+        <caption>用户信息</caption>
+         <tbody>
+      
+        <tr>
+            <th>姓名</th>
+            <th>年龄</th>
+            <th>专业</th>
+            <th>是否团员</th>
+            <th>是否恋爱</th>
+        </tr>
+        <tr>
+            <td title="瓜瓜是女的">瓜瓜</td>
+            <td>21</td>       
+            <td rowspan="2">软件技术</td>
+            <td>是</td>
+            <td>否</td>
+        </tr>
+        <tr>
+            <td title="逗逗喜欢饭团">逗逗</td>
+            <td>25</td>       
+            
+            <td>否</td>
+            <td>是</td>
+        </tr> 
+        <tr>
+            
+            <td title="夕夕不嘻嘻">夕夕</td>
+            <td>19</td>       
+            <td>商务英语</td>
+            <td>是</td>
+            <td>否</td>
+        </tr>
+        <tr>
+            <td title="66真的很六">六六</td>
+            <td>16</td>       
+            <td>软件技术</td>
+            <td colspan="2">未知</td>
+            
+        </tr>
+    </tbody>
+    </table></div>
+    
+</body>
+```
\ No newline at end of file
diff --git "a/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\350\241\250\346\240\274\347\216\251.md" "b/\345\220\264\345\230\211\347\216\262/\344\275\234\344\270\232\344\273\243\347\240\201/\350\241\250\346\240\274\347\216\251.md"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/\345\210\227\350\241\250\346\240\207\347\255\276.md" "b/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/202401914\345\210\227\350\241\250\346\240\207\347\255\276.md"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/\345\210\227\350\241\250\346\240\207\347\255\276.md"
rename to "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/202401914\345\210\227\350\241\250\346\240\207\347\255\276.md"
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/git\346\223\215\344\275\234\346\265\201\347\250\213.md" "b/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240905git\346\223\215\344\275\234\346\265\201\347\250\213.md"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/git\346\223\215\344\275\234\346\265\201\347\250\213.md"
rename to "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240905git\346\223\215\344\275\234\346\265\201\347\250\213.md"
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/vs\347\254\224\350\256\260.md" "b/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240905vs\347\254\224\350\256\260.md"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/vs\347\254\224\350\256\260.md"
rename to "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240905vs\347\254\224\350\256\260.md"
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/html\345\237\272\347\241\200.md" "b/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240907html\345\237\272\347\241\200.md"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/html\345\237\272\347\241\200.md"
rename to "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240907html\345\237\272\347\241\200.md"
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/html\346\240\207\347\255\276\347\254\224\350\256\260.md" "b/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240909html\346\240\207\347\255\276\347\254\224\350\256\260.md"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/html\346\240\207\347\255\276\347\254\224\350\256\260.md"
rename to "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240909html\346\240\207\347\255\276\347\254\224\350\256\260.md"
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240918\350\241\250\346\240\274\350\241\250\345\215\225\347\254\224\350\256\260.md" "b/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240918\350\241\250\346\240\274\350\241\250\345\215\225\347\254\224\350\256\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..957506721ca07ba3a34bec03adb46ef648bbf984
--- /dev/null
+++ "b/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240918\350\241\250\346\240\274\350\241\250\345\215\225\347\254\224\350\256\260.md"
@@ -0,0 +1,63 @@
+## 表格
+1. 表格由什么组成？
+&lt; table &gt;<br>
+行
+&lt; tr &gt;<br>
+标题：
+&lt;th&gt;
+<br>
+列
+&lt; td &gt;<br>
+&lt; /td &gt;<br>
+&lt; /tr &gt;<br>
+&lt; /table &gt;<br>
+<br>
+标题：&lt; thead &gt;
+身体：&lt; tbody &gt;
+脚部：&lt; tfoot &gt;
+2. css样式改变表格形态：
+ + 怎么样设置边框线？<br>
+ border:1px solid;(线粗细 实线)
+ + 去掉边框之间的间距：<br>
+ border-collapse:collapse;
+ + 怎么设置单元格之间的间距？<br>
+ th,td{width:80px}
+ + 怎么设置鼠标悬停样式？hover<br>
+ td:hover{bgc:颜色}
+3. 怎么合并单元格？<br>
+行合并：&lt;td colspan="2" &gt;
+**删td**<br>
+列合并&lt;td rowspan="2"&gt;
+**删tr中同列**<br>
+
+### 表单
+1. 主要元素：
+表单：
+&lt; from &gt;<br>
+最主要输入框：
+&lt; input &gt;<br>
++ input 的属性：
+  - type="text"(默认为文本框)<br>
+  - password(密码)<br>
+  - redio(单选框)<br>
+  - checkout(多选框)<br>
+  - select(下拉框)
++ 未完待续
+2. 如何实现唯一确定一个单元格得样式：
+```
+<table>
+  <tr>
+    <td id="uniqueCell">单元格内容</td>
+    <td>其他单元格</td>
+  </tr>
+</table>
+
+```
+css
+```
+#uniqueCell {
+  /* 在这里添加你想要的任何单元格样式 */
+  border: 1px solid red;
+  background-color: yellow;
+}
+```
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240919\346\240\207\347\255\276\345\261\236\346\200\247.md" "b/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240919\346\240\207\347\255\276\345\261\236\346\200\247.md"
new file mode 100644
index 0000000000000000000000000000000000000000..7f2dba3e2bd1ae4f0b11fc9340b19a0324f02c2f
--- /dev/null
+++ "b/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240919\346\240\207\347\255\276\345\261\236\346\200\247.md"
@@ -0,0 +1,164 @@
+## input 属性type
++ password 密码
++ placeholder="请输入用户名"(提示文本)
++ &lt; textares&gt;(长文本)
++ search属性(搜索)
++ &lt;label&gt;标签
+
+### `<marquee>`滚动字幕标签
+#### 属性
++ `direction="right"`可以是left,也可以是right;
+![alt text](image.png)
+
+### h5中新增的语义标签
++ `<section>`表示区块
++ `<article>`表示文章
++ `<header>`表示页眉
++ `<footer>`表示页脚
++ `<nav>`导航
++ `<aside>`侧边栏
++ `<sigure>`媒介内容分组
++ `<mark>`标记
++ `<progress>`进度
++ `<time>`日期
+
+```html
+<from>
+    <fieldset>
+        <legend>必须填，一定的</legend>
+        <tr>
+            <td>用户名：</td>
+            <td><input type="text" placeholder="请输入用户名"></td>
+        </tr>
+        <tr>
+            <td>密码：</td>
+            <td><input type="password" placeholder="请输入密码"></td>
+        </tr>
+    </fieldset>
+    <table>
+        <tr>
+            <td>性别：</td>
+            <td><label for="male"><input type="radio" name="gender" id="male"></label></td>//for和id里面要一样
+        </tr>
+       
+  </table>
+ 
+</from>
+```
+
+1. 使用 <audio> 和 <video> 元素
+任务：创建一个网页，使用 <audio> 元素嵌入一个音乐文件，并允许用户控制播放、暂停和音量调节。 任务：使用 <video> 元素嵌入一个视频文件，并添加全屏播放功能。
+```html
+  <audio src="../AGA - So Called Love Song.mp3" autoplay loop muted></audio>
+    <video src="../宋雨琦 - ONE(《变形金刚：起源》电影中文推广曲).mkv" autoplay loop muted></video>
+    <!-- autoplay 属性指示视频在页面加载完成后立即开始播放。
+loop 属性指示视频在播放完毕后重新开始播放。
+muted 属性指示视频在播放时默认静音，这是许多浏览器允许自动播放视频的必要条件。
+ -->
+```
+效果图：
+![alt text](image-1.png)
+
+2. 使用 <canvas> 元素
+任务：使用 <canvas> 元素绘制一个简单的动画，比如一个移动的方块。 任务：创建一个简单的绘图应用，允许用户在画布上绘制线条和形状。
+
+```html
+<!-- <canvas> 元素是HTML5引入的一个非常强大的元素，它可以用来通过使用JavaScript在网页上绘制图形和动画。<canvas> 元素本身只是一个容器，它本身并不包含任何绘制功能，所有的绘制都需要通过JavaScript来完成。
+
+主要用途：
+绘图：你可以使用 <canvas> 绘制各种图形，如线条、曲线、矩形、圆形等。
+动画：通过连续更新 <canvas> 的内容，可以创建动画效果。
+游戏开发：<canvas> 常用于简单的2D游戏开发。
+图像处理：可以对图像进行处理，如缩放、裁剪、颜色调整等。
+数据可视化：用于绘制图表和数据可视化图形。
+ -->
+ <canvas id="myCanvas" width="200" height="100" style="border:1px solid #e16060;">
+  
+</canvas>
+<marquee behavior="alternate" direction="right">动画：通过连续更新</marquee>
+<script>
+    var canvas = document.getElementById('myCanvas');
+    var ctx = canvas.getContext('2d');
+    // 绘制一个矩形
+    ctx.fillStyle = '#FF0000'; // 设置填充颜色为红色
+    ctx.fillRect(10, 10, 150, 80); // 绘制一个矩形
+</script>
+```
+效果图：
+![alt text](image-2.png)
+3. 使用 <details> 和 <summary> 元素
+任务：创建一个 FAQ 页面，使用 <details> 和 <summary> 元素来组织问题和答案，使其可以折叠和展开。
+
+4. 使用 <datalist> 元素
+任务：创建一个表单，其中包含一个文本输入框，使用 元素提供自动完成建议。
+```html
+<label for="cars">选择你喜欢的数字:</label>
+<input list="cars" id="cars" name="cars" />
+<datalist id="cars">
+  <option value="1">
+  <option value="2">
+  <option value="3">
+  <option value="4">
+</datalist>
+```
+效果：![v](image-4.png)
+5. 使用 <figure> 和 <figcaption> 元素
+任务：创建一个包含图片和标题的页面，使用 <figure> 和 <figcaption> 元素来组织内容。
+**笔记**
+```
+<details>元素
+<details>元素用于表示用户可以查看或隐藏的信息。
+它是一个容器元素，可以包含其他元素，如段落、列表、图片等。
+默认情况下，<details>元素的内容是折叠的，但可以通过设置open属性来使其默认展开。
+当内容被展开或折叠时，<details>元素会触发toggle事件。
+<summary>元素
+<summary>元素是<details>元素的子元素，用于定义折叠内容的标签。
+它必须是<details>元素的第一个子元素。
+用户点击<summary>元素时，会触发<details>元素内容的展开或折叠。
+<summary>元素的内容在视觉上通常会被突出显示，以提示用户这是一个可交互的控件。
+属性
+open：这是一个布尔属性，用于控制<details>元素的内容是否默认展开。如果设置了open属性，内容将默认展开。
+disabled：这是一个布尔属性，用于禁用<details>元素，使其不可交互。
+```
+```html
+<h1>常见问题</h1>
+
+<details>
+    <summary>为什么学不会？</summary>
+    <p>因为没努力。</p>
+</details>
+
+<details>
+    <summary>为什么没q?</summary>
+    <p>因为没努力。</p>
+</details>
+
+<details>
+    <summary>为什么不开心</summary>
+    <p>因为没有开心的事情</p>
+</details>
+
+<details>
+    <summary>你是谁？</summary>
+    <p>我是我</p>
+</details>
+```
+效果：![alt text](image-3.png)
+6. 使用 <picture> 元素
+任务：创建一个图片画廊，使用 <picture> 元素来提供不同分辨率的图片，以便在不同设备上优化显示效果。
+```html
+<figure>
+    <img src="./image.png" alt="截图">
+    <figcaption>知识点</figcaption>
+</figure>
+    </form>
+    <!-- ============== -->
+     
+<picture>
+    <source srcset="E:\大二上\老胡h5&css3\20240919标签属性\微信图片_20240911202249.jpg" media="(min-width: 1000px)">
+    <source srcset="E:\大二上\老胡h5&css3\20240919标签属性\微信图片_20240911202249.jpg" media="(min-width: 500px)">
+    <img src="../微信图片_20240911202249.jpg" alt="饭团">
+</picture>
+```
+效果图：![alt text](image-5.png)
+
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/2 0244911\346\270\262\346\237\223\345\274\225\346\223\216.md" "b/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20244911\346\270\262\346\237\223\345\274\225\346\223\216.md"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/2 0244911\346\270\262\346\237\223\345\274\225\346\223\216.md"
rename to "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20244911\346\270\262\346\237\223\345\274\225\346\223\216.md"
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/2 024911\346\226\207\345\255\227\346\240\207\347\255\276.md" "b/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/2024911\346\226\207\345\255\227\346\240\207\347\255\276.md"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/2 024911\346\226\207\345\255\227\346\240\207\347\255\276.md"
rename to "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/2024911\346\226\207\345\255\227\346\240\207\347\255\276.md"
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/24911\346\226\207\345\255\227\345\233\276\347\211\207\346\240\207\347\255\276/\346\210\252\345\233\276\344\270\212\350\257\276/2024-9-11 9-24-18.JPG" "b/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/24911\346\226\207\345\255\227\345\233\276\347\211\207\346\240\207\347\255\276/\346\210\252\345\233\276\344\270\212\350\257\276/2024-9-11 9-24-18.JPG"
deleted file mode 100644
index f48627dd86c408587ff2ab02934a2e6e6466d2ca..0000000000000000000000000000000000000000
Binary files "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/24911\346\226\207\345\255\227\345\233\276\347\211\207\346\240\207\347\255\276/\346\210\252\345\233\276\344\270\212\350\257\276/2024-9-11 9-24-18.JPG" and /dev/null differ
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/24911\346\226\207\345\255\227\345\233\276\347\211\207\346\240\207\347\255\276/\346\210\252\345\233\276\344\270\212\350\257\276/2024-9-11 9-36-31.JPG" "b/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/24911\346\226\207\345\255\227\345\233\276\347\211\207\346\240\207\347\255\276/\346\210\252\345\233\276\344\270\212\350\257\276/2024-9-11 9-36-31.JPG"
deleted file mode 100644
index c5b511cf8e3ea4a2585f2bb75d0bb77df0902108..0000000000000000000000000000000000000000
Binary files "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/24911\346\226\207\345\255\227\345\233\276\347\211\207\346\240\207\347\255\276/\346\210\252\345\233\276\344\270\212\350\257\276/2024-9-11 9-36-31.JPG" and /dev/null differ
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/html\346\240\207\347\255\276.html" "b/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/html\346\240\207\347\255\276.html"
deleted file mode 100644
index dc5f832215405f47ec40a651fb5d9a6ae8f5af27..0000000000000000000000000000000000000000
--- "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/html\346\240\207\347\255\276.html"
+++ /dev/null
@@ -1,47 +0,0 @@
-<html>
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=divice-width,initial-scale=1.0">
-        <title>标题</title>
-        <style>
-            h1{
-                color: rgb(163, 28, 204);
-            }
-            div{
-                text-align: center;
-                background-color: pink;
-                size: 30px;
-            }
-            span{
-              
-                background-color:rgb(85, 182, 247);
-                color: rgb(202, 231, 37);
-               
-            }
-            p{
-                display: flex;
-                justify-content: center;
-                align-items: center;
-            }
-        
-        </style>
-    </head>
-    <body>
-       <h1> 你好:</h1>
-       <p>陆滢钰同学</p>
-       <hr>
-       <pre> 欢迎你走进闽西职业技术学院
-           
-        你是哪里人？哦，你是广西人？
-       </pre>
-      <div>
-        你的爱好是什么？
-        答：打游戏，看电视，听歌
-      </div>
-      <div class="fsa"><span>
-        打什么游戏？
-        答：和平精英，最近爱上了
-      </span></div>
-     
-    </body>
-</html>
\ No newline at end of file
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/margin.html" "b/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/margin.html"
deleted file mode 100644
index a3ba1761307a82cec404991a86d0e2c6185ab152..0000000000000000000000000000000000000000
--- "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/margin.html"
+++ /dev/null
@@ -1,29 +0,0 @@
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-    <style>
-       div{
-/* width: 1000px;
-height: 800px;
-padding: 244px;
-margin-top: 44px; */
-width: 50%; 
-margin: 0 auto;
-       }
-       img {  
-  display: block; 
-  margin: 0 auto;
-  width: 50%; 
-  margin-top:30%;
-} 
-    </style>
-</head>
-<body>
-   <div>
-   <img src="../202499html标签截图/2024-9-9 15-34-8.JPG" alt="">
-  </div>
-   
-</body>
-</html>
\ No newline at end of file
diff --git "a/\345\220\264\345\230\211\347\216\262/8f31b765f41a21882460a537f717153.jpg" "b/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/\345\233\276\345\272\212\343\200\201/8f31b765f41a21882460a537f717153.jpg"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/8f31b765f41a21882460a537f717153.jpg"
rename to "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/\345\233\276\345\272\212\343\200\201/8f31b765f41a21882460a537f717153.jpg"
diff --git "a/\345\220\264\345\230\211\347\216\262/\345\233\276\345\272\212.md" "b/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/\345\233\276\345\272\212\343\200\201/\345\233\276\345\272\212.md"
similarity index 69%
rename from "\345\220\264\345\230\211\347\216\262/\345\233\276\345\272\212.md"
rename to "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/\345\233\276\345\272\212\343\200\201/\345\233\276\345\272\212.md"
index 79ccd6397eb56cee20c590cd123da19ae7d69773..fae1803f20d99f80cc981c51cf9eadf1a66737f3 100644
--- "a/\345\220\264\345\230\211\347\216\262/\345\233\276\345\272\212.md"
+++ "b/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/\345\233\276\345\272\212\343\200\201/\345\233\276\345\272\212.md"
@@ -1,2 +1,2 @@
 ![8f31b765f41a21882460a537f717153](sjmmt3y4s.hn-bkt.clouddn.com/8f31b765f41a21882460a537f717153.jpg)
-![alt text](微信图片_20240911202249.jpg)
\ No newline at end of file
+![alt text](微信图片_20240911202249.jpg)
diff --git "a/\345\220\264\345\230\211\347\216\262/\345\276\256\344\277\241\345\233\276\347\211\207_20240911202249.jpg" "b/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/\345\233\276\345\272\212\343\200\201/\345\276\256\344\277\241\345\233\276\347\211\207_20240911202249.jpg"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\345\276\256\344\277\241\345\233\276\347\211\207_20240911202249.jpg"
rename to "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/\345\233\276\345\272\212\343\200\201/\345\276\256\344\277\241\345\233\276\347\211\207_20240911202249.jpg"