diff --git "a/\346\235\250\346\210\220\350\261\252/.vscode/extensions.json" "b/\346\235\250\346\210\220\350\261\252/.vscode/extensions.json"
new file mode 100644
index 0000000000000000000000000000000000000000..85b434dcb979dd494630d79610daf947001ea2f0
--- /dev/null
+++ "b/\346\235\250\346\210\220\350\261\252/.vscode/extensions.json"
@@ -0,0 +1,5 @@
+{
+    "recommendations": [
+        "spades.vs-picgo![1703652445431](iovip-as0.qiniuio.com/1703652445431.png)"
+    ]
+}
\ No newline at end of file
diff --git "a/\346\235\250\346\210\220\350\261\252/20240904-git\346\223\215\344\275\234\347\254\224\350\256\260.md" "b/\346\235\250\346\210\220\350\261\252/20240904-git\346\223\215\344\275\234\347\254\224\350\256\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..2c20e03a7142e2f3ba927e9d94ed01488834fe81
--- /dev/null
+++ "b/\346\235\250\346\210\220\350\261\252/20240904-git\346\223\215\344\275\234\347\254\224\350\256\260.md"
@@ -0,0 +1,49 @@
+****
+# Markdown的一些基础语法
+****
+# 一级标题
+## 二级标题
+### 三级标题
+#### 四级标题
+
+# 无序列表
++ 123
+    + 123
+- 123
+    - 123
+* 123
+    - 123
+
+# 有序列表
+1. 123
+2. 123
+3. 123
+
+# 加粗斜体
+*斜体*
+
+**加粗**
+
+***加粗斜体***
+
+# 表格
+| 标题 | 内容 |
+| - | - |
+| 内容一 | 内容二 |
+
+# 代码
+```python
+print("hellon world")
+```
+# 图片
+![图片注释](./img/monkey.png)
+
+****
+```markdown
+git clone 克隆远程仓库
+git add .  添加文件到暂存区
+git commit -m "提交信息"  提交更改到本地仓库
+git log 查看本地历史
+git status 查看当前状态
+git pull 拉取
+git push 推送
\ No newline at end of file
diff --git "a/\346\235\250\346\210\220\350\261\252/20240904git\346\223\215\344\275\234\347\254\224\350\256\260.md" "b/\346\235\250\346\210\220\350\261\252/20240904git\346\223\215\344\275\234\347\254\224\350\256\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..2c20e03a7142e2f3ba927e9d94ed01488834fe81
--- /dev/null
+++ "b/\346\235\250\346\210\220\350\261\252/20240904git\346\223\215\344\275\234\347\254\224\350\256\260.md"
@@ -0,0 +1,49 @@
+****
+# Markdown的一些基础语法
+****
+# 一级标题
+## 二级标题
+### 三级标题
+#### 四级标题
+
+# 无序列表
++ 123
+    + 123
+- 123
+    - 123
+* 123
+    - 123
+
+# 有序列表
+1. 123
+2. 123
+3. 123
+
+# 加粗斜体
+*斜体*
+
+**加粗**
+
+***加粗斜体***
+
+# 表格
+| 标题 | 内容 |
+| - | - |
+| 内容一 | 内容二 |
+
+# 代码
+```python
+print("hellon world")
+```
+# 图片
+![图片注释](./img/monkey.png)
+
+****
+```markdown
+git clone 克隆远程仓库
+git add .  添加文件到暂存区
+git commit -m "提交信息"  提交更改到本地仓库
+git log 查看本地历史
+git status 查看当前状态
+git pull 拉取
+git push 推送
\ No newline at end of file
diff --git "a/\346\235\250\346\210\220\350\261\252/20240905-\345\233\276\345\261\202.md" "b/\346\235\250\346\210\220\350\261\252/20240905-\345\233\276\345\261\202.md"
new file mode 100644
index 0000000000000000000000000000000000000000..6496bcdb5677701319ec4b9dde1a032a72f47617
--- /dev/null
+++ "b/\346\235\250\346\210\220\350\261\252/20240905-\345\233\276\345\261\202.md"
@@ -0,0 +1,49 @@
+### html介绍
+HTML（HyperText Markup Language）是网页设计的基础，它允许你创建和设计网页内容。
+
+### HTML的基础概念和常用元素：
+```html
+<h1> 到 <h6>：定义标题，<h1> 是最高级别的标题。
+<p>：定义段落。
+<strong> 或 <b>：定义粗体文本。
+<em> 或 <i>：定义斜体文本。
+<del>：定义删除线文本。
+<div>：块级元素，用于分组其他元素。
+```
+#### 链接和图像：
+```html
+<a href="url">Link</a>：创建超链接。
+<img src="image.jpg" alt="描述">：嵌入图像。
+```
+#### 列表：
+```html
+<ul>：无序列表，使用<li>定义列表项。
+<ol>：有序列表，使用<li>定义列表项。
+```
+#### 表格：
+```html
+<table>：定义表格。
+<tr>：定义表格行。
+<td>：定义表格单元格。
+<form>：定义表单，用于用户输入。
+<input>：定义输入字段。
+<button>：定义按钮。
+```
+#### 语义化标签：
+```html
+<header>：定义文档或节的页眉。
+<footer>：定义文档或节的页脚。
+```
+#### 多媒体：
+```html
+<audio> 和 <video>：定义音频和视频内容。
+```
+#### 脚本和样式：
+```html
+<script>：定义客户端脚本，如JavaScript。
+<style>：定义文档的样式信息。
+```
+*****
+
+图层图片：
+[原神启动](http://tuchuang.yuzs.love/1703652445431.png)
\ No newline at end of file
diff --git "a/\346\235\250\346\210\220\350\261\252/20240907\345\233\276\345\261\202.md" "b/\346\235\250\346\210\220\350\261\252/20240907\345\233\276\345\261\202.md"
new file mode 100644
index 0000000000000000000000000000000000000000..6496bcdb5677701319ec4b9dde1a032a72f47617
--- /dev/null
+++ "b/\346\235\250\346\210\220\350\261\252/20240907\345\233\276\345\261\202.md"
@@ -0,0 +1,49 @@
+### html介绍
+HTML（HyperText Markup Language）是网页设计的基础，它允许你创建和设计网页内容。
+
+### HTML的基础概念和常用元素：
+```html
+<h1> 到 <h6>：定义标题，<h1> 是最高级别的标题。
+<p>：定义段落。
+<strong> 或 <b>：定义粗体文本。
+<em> 或 <i>：定义斜体文本。
+<del>：定义删除线文本。
+<div>：块级元素，用于分组其他元素。
+```
+#### 链接和图像：
+```html
+<a href="url">Link</a>：创建超链接。
+<img src="image.jpg" alt="描述">：嵌入图像。
+```
+#### 列表：
+```html
+<ul>：无序列表，使用<li>定义列表项。
+<ol>：有序列表，使用<li>定义列表项。
+```
+#### 表格：
+```html
+<table>：定义表格。
+<tr>：定义表格行。
+<td>：定义表格单元格。
+<form>：定义表单，用于用户输入。
+<input>：定义输入字段。
+<button>：定义按钮。
+```
+#### 语义化标签：
+```html
+<header>：定义文档或节的页眉。
+<footer>：定义文档或节的页脚。
+```
+#### 多媒体：
+```html
+<audio> 和 <video>：定义音频和视频内容。
+```
+#### 脚本和样式：
+```html
+<script>：定义客户端脚本，如JavaScript。
+<style>：定义文档的样式信息。
+```
+*****
+
+图层图片：
+[原神启动](http://tuchuang.yuzs.love/1703652445431.png)
\ No newline at end of file
diff --git "a/\346\235\250\346\210\220\350\261\252/20240909-html\345\237\272\346\234\254\346\240\207\347\255\276\345\222\214\344\275\277\347\224\250.md" "b/\346\235\250\346\210\220\350\261\252/20240909-html\345\237\272\346\234\254\346\240\207\347\255\276\345\222\214\344\275\277\347\224\250.md"
new file mode 100644
index 0000000000000000000000000000000000000000..1ab27afb15f3a2f9f582d16a1a01e3db21af10b6
--- /dev/null
+++ "b/\346\235\250\346\210\220\350\261\252/20240909-html\345\237\272\346\234\254\346\240\207\347\255\276\345\222\214\344\275\277\347\224\250.md"
@@ -0,0 +1,65 @@
+
+### 基本结构
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width,intital-scale=1.0">
+    <title>标题</title>
+</head>
+<body>
+    <!-- 页面内容 -->
+</body>
+</html>
+```
+<!-- -->
+### 常用标签
++ 超链接
+```html
+<a href="链接地址"></a>
+```
++ 段落
+```html
+<p>这是一个段落</p>
+<br>  <!-- 换行 -->
+```
++ 标题
+```html
+<h1>一级标题</h1>
+<h2>二级标题</h2>
+<h3>三级标题</h3>
+<h4>四级标题</h4>
+```
++ 块级
+```html
+<div>定义文档中的分区或节</div>
+<span>定义文本的内联容器</span>
+```
++ 表格
+```html
+<table>
+    <tr>
+        <td>
+        </td>
+        <td>
+        </td>
+    </tr>
+</table>
+```
++ 表单
+```html
+<form>
+</form>
+```
++ css样式     /*  */ 
+```html
+<style>
+body{
+    height: 200px;           /* 容器高度 */
+    background-color: #f1f1f1; /* 容器背景颜色 */ 
+    margin: auto;          /* 设置元素的外边距 */  
+    padding: 20px;         /* 设置元素的内边距 */ 
+}
+</style>
+```
\ No newline at end of file
diff --git "a/\346\235\250\346\210\220\350\261\252/20240911-html\345\237\272\346\234\254\346\240\207\347\255\276\345\217\212\345\261\236\346\200\247.md" "b/\346\235\250\346\210\220\350\261\252/20240911-html\345\237\272\346\234\254\346\240\207\347\255\276\345\217\212\345\261\236\346\200\247.md"
new file mode 100644
index 0000000000000000000000000000000000000000..003cdf81b1240bc960ab28d67a25c10372ca8037
--- /dev/null
+++ "b/\346\235\250\346\210\220\350\261\252/20240911-html\345\237\272\346\234\254\346\240\207\347\255\276\345\217\212\345\261\236\346\200\247.md"
@@ -0,0 +1,68 @@
+### 转义字符
+```html
+ &nbsp; <!-- 空格 -->
+ &lt; <!-- 小于号 -->
+ &gt; <!-- 大于号 -->
+ &amp;
+```
+# css样式
+```html
+<style>
+    body{
+        font-style:italic;
+        /* 斜体 */
+        text-decoration:underline;
+        /* 下划线 */
+        text-decoration:line - through;
+        /* 删除线 */
+        font-size:100px;
+        /* 字体大小 */
+        font-family:样式;
+        /* 字体样式 */
+    }
+</style>
+```
+### 上下标
+```html
+<sup></sup><!-- 上标 -->
+<sub></sub><!-- 下标 -->
+```
+### 链接
++ 外部链接
+```html
+<a href="链接地址"></a>
+```
++ 锚链接
+```html
+<a href="" name="top"></a>
+<a href="#top" name="">回到顶部</a>
+```
++ 邮件链接
+```html
+<a href="邮箱"></a>
+<!-- 
+ 属性：
+ title:悬停文本
+ target:窗口打开方式
+ -->
+```
++ 图片链接
+```html
+<img src="路径">
+<!-- 
+ 属性：
+ src:指定图片的URL地址
+ alt：为图片提供替代文本
+ title:提供关于图片的额外信息
+ width:宽度
+ height:高度
+ -->
+```
+|浏览器|js引擎|渲染核心|
+|-|-|-|
+|Google Chrome  |V8引擎       |Blink|
+|Mozilla Firefox|SpiderMonkey |Gecko|
+|Safari         |JavaScriptCore  |WebKit|
+|Microsoft Edge |Chakra转换为V8 |EdgeHTML|
+|Opera          |Carakan转换为V8|Blink|
+|WebKit         |JavaScript|Trident|
diff --git "a/\346\235\250\346\210\220\350\261\252/20240914-\346\227\240\345\272\217\345\210\227\350\241\250.md" "b/\346\235\250\346\210\220\350\261\252/20240914-\346\227\240\345\272\217\345\210\227\350\241\250.md"
new file mode 100644
index 0000000000000000000000000000000000000000..3d30a0a63cfa8cfc3b0caf8558468ab664042db3
--- /dev/null
+++ "b/\346\235\250\346\210\220\350\261\252/20240914-\346\227\240\345\272\217\345\210\227\350\241\250.md"
@@ -0,0 +1,22 @@
+```html
+<!-- 无序列表 -->
+<ul>
+    <li></li>
+    <li></li>
+</ul>
+<!-- css样式 -->
+<style>
+    ul {
+        /* 内边距：
+            padding:上 右 下 左;   */
+        /* 外边距：
+            margin:上 右 下 左 */
+        /* 
+            背景图片不重复：background-repeat:no-repeat;
+            背景图片大小：background-size:大小;
+            插入背景图片：background: url();
+            背景图片位置：background-position:位置;
+        */
+     }
+</style>
+```
\ No newline at end of file
diff --git "a/\346\235\250\346\210\220\350\261\252/20240914-\350\201\224\347\263\273.html" "b/\346\235\250\346\210\220\350\261\252/20240914-\350\201\224\347\263\273.html"
new file mode 100644
index 0000000000000000000000000000000000000000..58746f9dedbc55e77049fcf2ba55491197a1dffe
--- /dev/null
+++ "b/\346\235\250\346\210\220\350\261\252/20240914-\350\201\224\347\263\273.html"
@@ -0,0 +1,107 @@
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="./css/20240914-练习.css">
+</head>
+
+<body>
+    <div id="d">
+        <ul id="e">
+            <li class="a"><svg height="48" viewBox="0 0 17 48" width="17" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                        d="m15.5752 19.0792a4.2055 4.2055 0 0 0 -2.01 3.5376 4.0931 4.0931 0 0 0 2.4908 3.7542 9.7779 9.7779 0 0 1 -1.2755 2.6351c-.7941 1.1431-1.6244 2.2862-2.8878 2.2862s-1.5883-.734-3.0443-.734c-1.42 0-1.9252.7581-3.08.7581s-1.9611-1.0589-2.8876-2.3584a11.3987 11.3987 0 0 1 -1.9373-6.1487c0-3.61 2.3464-5.523 4.6566-5.523 1.2274 0 2.25.8062 3.02.8062.734 0 1.8771-.8543 3.2729-.8543a4.3778 4.3778 0 0 1 3.6822 1.841zm-6.8586-2.0456a1.3865 1.3865 0 0 1 -.2527-.024 1.6557 1.6557 0 0 1 -.0361-.337 4.0341 4.0341 0 0 1 1.0228-2.5148 4.1571 4.1571 0 0 1 2.7314-1.4078 1.7815 1.7815 0 0 1 .0361.373 4.1487 4.1487 0 0 1 -.9867 2.587 3.6039 3.6039 0 0 1 -2.5148 1.3236z">
+                    </path>
+                </svg>
+            </li>
+            <li class="b">商店</li>
+            <li class="b">Mac</li>
+            <li class="b">iPad</li>
+            <li class="b">iPhone</li>
+            <li class="b">Watch</li>
+            <li class="b">Vision</li>
+            <li class="b">AirPods</li>
+            <li class="b">家居</li>
+            <li class="b">娱乐</li>
+            <li class="b">配件</li>
+            <li class="b">技术支持</li>
+            <li class="a"><svg height="48" viewBox="0 0 17 48" width="17" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                        d="m16.2294 29.9556-4.1755-4.0821a6.4711 6.4711 0 1 0 -1.2839 1.2625l4.2005 4.1066a.9.9 0 1 0 1.2588-1.287zm-14.5294-8.0017a5.2455 5.2455 0 1 1 5.2455 5.2527 5.2549 5.2549 0 0 1 -5.2455-5.2527z">
+                    </path>
+                </svg>
+            </li>
+            <li class="a"><svg height="48" viewBox="0 0 17 48" width="17" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                        d="m13.4575 16.9268h-1.1353a3.8394 3.8394 0 0 0 -7.6444 0h-1.1353a2.6032 2.6032 0 0 0 -2.6 2.6v8.9232a2.6032 2.6032 0 0 0 2.6 2.6h9.915a2.6032 2.6032 0 0 0 2.6-2.6v-8.9231a2.6032 2.6032 0 0 0 -2.6-2.6001zm-4.9575-2.2768a2.658 2.658 0 0 1 2.6221 2.2764h-5.2442a2.658 2.658 0 0 1 2.6221-2.2764zm6.3574 13.8a1.4014 1.4014 0 0 1 -1.4 1.4h-9.9149a1.4014 1.4014 0 0 1 -1.4-1.4v-8.9231a1.4014 1.4014 0 0 1 1.4-1.4h9.915a1.4014 1.4014 0 0 1 1.4 1.4z">
+                    </path>
+                </svg>
+            </li>
+        </ul>
+    </div>
+    <div id="c">
+        <ul id="f">
+            <li class="j">首页</li>
+            <li class="j">新闻</li>
+            <li class="j">博问</li>
+            <li class="j">会员</li>
+            <li class="j">闪存</li>
+            <li class="j">班级</li>
+        </ul>
+    </div>
+    <div class="news">
+        <h3 id="a1">百度新闻热榜</h3>
+        <ul id="h">
+            <li class="b1"><a href="" class="i"><span class="col1">1</span>神州杭州致辞中的“知识点”</a></li>
+            <li class="b1"><a href="" class="i"><span class="col2">2</span>韩国运动员扇对手脸被罚出场</a></li>
+            <li class="b1"><a href="" class="i"><span class="col3">3</span>张国伟在亚运会场馆外摊煎饼</a></li>
+            <li class="b1"><a href="" class="i"><span class="col4">4</span>四海同赴亚运之约</a></li>
+            <li class="b1"><a href="" class="i"><span class="col4">5</span>杭州亚运会首个双冠王诞生</a></li>
+            <li class="b1"><a href="" class="i"><span class="col4">6</span>贪官曾在歌舞厅打架子鼓补贴家用</a></li>
+            <li class="b1"><a href="" class="i"><span class="col4">7</span>49岁张震岳举行婚礼</a></li>
+            <li class="b1"><a href="" class="i"><span class="col4">8</span>开幕式唱歌的四个帅哥是谁</a></li>
+        </ul>
+    </div>
+    <div id="two">
+        <ul id="one">
+            <li class="three"><a href="" class="four">&lt;</a></li>
+            <li class="three"><a href="" class="four">1</a></li>
+            <li class="three"><a href="" class="four">2</a></li>
+            <li class="three"><a href="" class="four">3</a></li>
+            <li class="three"><a href="" class="four">4</a></li>
+            <li class="three"><a href="" class="four">5</a></li>
+            <li class="three"><a href="" class="four">...</a></li>
+            <li class="three"><a href="" class="four">100</a></li>
+            <li class="three"><a href="" class="four">&gt;</a></li>
+        </ul>
+    </div>
+    <div id="i1">
+        <div id="i2">
+            <img src="./img/20240915.png" alt="图片" width="220px">
+        </div>
+        <div id="i3">
+            <div id="o1">
+                <img src="./img/202409152.png" alt="你好" height="15px">
+            </div>
+            <div id="o2">
+                <img src="./img/202409153.png" alt="你好" height="15px">
+            </div>
+            <div id="o3">
+                <img src="./img/202409151.png" alt="你好" height="15px">
+            </div>
+            <div id="o4">
+                <img src="./img/202409154.png" alt="你好" height="15px">
+            </div>
+        </div>
+        <div id="i4">
+            云米电水壶
+        </div>
+        <div id="i5">
+            ￥ 59
+        </div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\346\235\250\346\210\220\350\261\252/css/20240914-\347\273\203\344\271\240.css" "b/\346\235\250\346\210\220\350\261\252/css/20240914-\347\273\203\344\271\240.css"
new file mode 100644
index 0000000000000000000000000000000000000000..4c7297f35111b410b0933972575a1aceb6fec89b
--- /dev/null
+++ "b/\346\235\250\346\210\220\350\261\252/css/20240914-\347\273\203\344\271\240.css"
@@ -0,0 +1,165 @@
+#d {
+    background-color: rgb(22, 22, 24);
+}
+
+#e {
+    list-style-type: none;
+    margin: auto;
+    width: 1060px;
+    height: 40px;
+    background-color: rgb(22, 22, 24);
+}
+
+.b {
+    float: left;
+    width: 70px;
+    font-size: 12px;
+    margin-top: 14px;
+    text-align: center;
+    color: white;
+}
+
+.a {
+    float: left;
+    width: 70px;
+    text-align: center;
+    margin-top: 0px;
+}
+
+svg {
+    fill: white;
+}
+/* ======================================= */
+#f{
+    width: 720px;
+    height: 90px;
+    margin: auto;
+    list-style: none;
+    padding-left: 0px;
+}
+.j{
+    float: left;
+    width: 120px;
+    text-align: center;
+    font-size:40px;
+    color: rgb(102,102,102);
+}
+/* ====================================== */
+.news{
+    width: 340px;
+    height: 325px;
+    margin: auto;
+    border: 1px solid #c9c7c7;
+}
+#h{
+    list-style: none;
+    padding-left: 10px;
+}
+.i{
+    color: #000;
+    text-decoration: none;
+    padding-left: 5px;
+}
+#a1{
+    padding-left: 20px;
+}
+.col1{
+    margin-right: 5px;
+    color: red;
+    font-weight: bolder;
+}
+.col2{
+    margin-right: 5px;
+    color: rgb(255, 44, 44);
+    font-weight: bolder;
+}
+.col3{
+    margin-right: 5px;
+    color: orange;
+    font-weight: bolder;
+}
+.col4{
+    margin-right: 5px;
+    font-weight: bolder;
+}
+.b1{
+    padding-top: 5px ;
+    padding-bottom: 5px;
+    border-bottom:  1px solid #c9c7c7;
+    width: 280px;
+}
+/* ============================================= */
+#one{
+    width: 495px;
+    margin: 0px auto;
+    list-style: none;
+    padding: 0px;
+    overflow: auto
+}
+.three{
+    float: left;
+    text-align: center;
+    width: 55px;
+    line-height: 50px;            
+}
+.four{
+    display: block;
+    text-decoration: none;
+    width: 40px;
+    height: 50px;
+    border: 1px solid rgb(194, 194, 194);
+    padding-right: 5px;
+    font-weight: bolder;
+    color: black;
+}
+.four:hover{
+    background-color: rgb(255, 0, 0);
+    color: white;
+}
+/* ======================================= */
+#i1{
+    width: 220px;
+    margin: auto;
+    border: 1px solid rgb(134, 134, 134);
+    height: 300px;
+    background-color:rgb(248,248,248) ;
+}
+#i2{
+    width: 220px;
+    height: 220px;
+}
+#i3{
+    width: 220px;
+    background-color:rgb(248,248,248) ;
+}
+#i4{
+    float: left;
+    padding-top: 5px;
+    width: 220px;
+    height: 20.67px;
+    text-align: center;
+    background-color:rgb(248,248,248) ;
+    font-weight: bolder;
+}
+#i5{
+    padding-top: 5px;
+    float: left;
+    width: 220px;
+    text-align: center;
+    background-color:rgb(248,248,248) ;
+    font-weight: bolder;
+    color: red;
+}
+#o1{
+    padding-left: 30px;
+    float: left;
+}
+#o2{
+    float: left;
+}
+#o3{
+    float: left;
+}
+#o4{
+    float: left;
+}
\ No newline at end of file
diff --git "a/\346\235\250\346\210\220\350\261\252/img/20240915.png" "b/\346\235\250\346\210\220\350\261\252/img/20240915.png"
new file mode 100644
index 0000000000000000000000000000000000000000..90ca251b2b4bad9ea8a07edc6c23a8b84f43e5d3
Binary files /dev/null and "b/\346\235\250\346\210\220\350\261\252/img/20240915.png" differ
diff --git "a/\346\235\250\346\210\220\350\261\252/img/202409151.png" "b/\346\235\250\346\210\220\350\261\252/img/202409151.png"
new file mode 100644
index 0000000000000000000000000000000000000000..e21e73161df5b0407a0f6350a11887815833db2e
Binary files /dev/null and "b/\346\235\250\346\210\220\350\261\252/img/202409151.png" differ
diff --git "a/\346\235\250\346\210\220\350\261\252/img/202409152.png" "b/\346\235\250\346\210\220\350\261\252/img/202409152.png"
new file mode 100644
index 0000000000000000000000000000000000000000..26f7efd25b398ef96ef409fa443c2969118858cd
Binary files /dev/null and "b/\346\235\250\346\210\220\350\261\252/img/202409152.png" differ
diff --git "a/\346\235\250\346\210\220\350\261\252/img/202409153.png" "b/\346\235\250\346\210\220\350\261\252/img/202409153.png"
new file mode 100644
index 0000000000000000000000000000000000000000..9b1968aea4b419a66eb7c03ca99fcc69591ed5cd
Binary files /dev/null and "b/\346\235\250\346\210\220\350\261\252/img/202409153.png" differ
diff --git "a/\346\235\250\346\210\220\350\261\252/img/202409154.png" "b/\346\235\250\346\210\220\350\261\252/img/202409154.png"
new file mode 100644
index 0000000000000000000000000000000000000000..8b0d30f28024230bc9f793bd13c2bf7e619a0d2a
Binary files /dev/null and "b/\346\235\250\346\210\220\350\261\252/img/202409154.png" differ
diff --git "a/\346\235\250\346\210\220\350\261\252/img/img1.png" "b/\346\235\250\346\210\220\350\261\252/img/img1.png"
new file mode 100644
index 0000000000000000000000000000000000000000..042027164de596af706f3455194f3c07714344dd
Binary files /dev/null and "b/\346\235\250\346\210\220\350\261\252/img/img1.png" differ
diff --git "a/\346\235\250\346\210\220\350\261\252/img/monkey.png" "b/\346\235\250\346\210\220\350\261\252/img/monkey.png"
new file mode 100644
index 0000000000000000000000000000000000000000..ab9b81e6249b7fd495feca8efbca889f8e21bb0b
Binary files /dev/null and "b/\346\235\250\346\210\220\350\261\252/img/monkey.png" differ
diff --git "a/\346\235\250\346\210\220\350\261\252/\345\233\276\347\211\207\345\261\205\344\270\255.html" "b/\346\235\250\346\210\220\350\261\252/\345\233\276\347\211\207\345\261\205\344\270\255.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c019804dc38158e112d266b7b254b30272aa8bf1
--- /dev/null
+++ "b/\346\235\250\346\210\220\350\261\252/\345\233\276\347\211\207\345\261\205\344\270\255.html"
@@ -0,0 +1,17 @@
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        img{
+            margin: auto;   
+            display: block;
+        }
+    </style>
+</head>
+<body>
+    <img src="./img/img1.png" alt="">
+</body>
+</html>
+
diff --git "a/\346\235\250\346\210\220\350\261\252/\345\233\276\347\211\207\345\261\205\344\270\2552.html" "b/\346\235\250\346\210\220\350\261\252/\345\233\276\347\211\207\345\261\205\344\270\2552.html"
new file mode 100644
index 0000000000000000000000000000000000000000..318f95ce24d2867b90e46b813bc8a5e2cd47a2a6
--- /dev/null
+++ "b/\346\235\250\346\210\220\350\261\252/\345\233\276\347\211\207\345\261\205\344\270\2552.html"
@@ -0,0 +1,19 @@
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        #imgs{
+            width: 720px;
+            height: 341px;
+            margin: auto;
+        }
+    </style>
+</head>
+<body>
+    <div id="imgs">
+        <img src="./img/img1.png" alt="" title="这是一个图片">
+    </div>
+</body>
+</html>
\ No newline at end of file