diff --git "a/\345\215\242\350\257\227\350\257\255/20240904-git\346\223\215\344\275\234\346\265\201\347\250\213.md" "b/\345\215\242\350\257\227\350\257\255/20240904-git\346\223\215\344\275\234\346\265\201\347\250\213.md"
new file mode 100644
index 0000000000000000000000000000000000000000..35fd240b3db1b2099cf70dd1ad4b37722dede96c
--- /dev/null
+++ "b/\345\215\242\350\257\227\350\257\255/20240904-git\346\223\215\344\275\234\346\265\201\347\250\213.md"
@@ -0,0 +1,46 @@
+远程班级仓库——>fork——>远程个人仓库——>clone——>打开vs复制到本地文件——>写——>push——>个人远程仓库——>PR——远程班级仓库
+
+# 基础操作
+### 这是一个标题 (我是三级标题)
+1. #+空格+文字可生产标题（一个#为一级，依次递增，最多六级标题
+
+2. 图片导入 
+  感叹号+[图片错误时提示文字]+./图片链接
+![哇塞是复活节！！————来自星露谷居民](./img/屏幕截图%202024-07-17%20005009.png)
+3. 字体倾斜/加粗 
+    可使用 * 文字 *  ** 加粗 ** 把空格去掉即可产生效果
+    例 *斜体*     **加粗**
+
+4. 有序/无序标题
+ 
+ 有序标题
+   1. 标题1（使用数字+小数点+空格+文字即可
+   
+   2. 标题2
+   3. 标题3
+   
+   无序标题
+   + 加号
+
+        * 星号 
+
+            - 减号 
+
+5. 表格 
+* 竖线+内容+竖线+内容+竖线+内容+竖线
+* 竖线+横线+竖线+横线+竖线+横线+竖线
+* 竖线+内容+竖线+内容+竖线+内容+竖线
+
++ 例：
+
+|姓名|年龄|班级|
+|-|-|-|
+|哇塞|10|9|
+
+
+6. 上传
+git add . ——> git status（状态）——> git commit -m"备注"
+
+
+
+    
\ No newline at end of file
diff --git "a/\345\215\242\350\257\227\350\257\255/20240905\347\254\254\344\272\214\346\254\241\347\254\224\350\256\260-html\345\237\272\347\241\200\344\273\213\347\273\215.md" "b/\345\215\242\350\257\227\350\257\255/20240905\347\254\254\344\272\214\346\254\241\347\254\224\350\256\260-html\345\237\272\347\241\200\344\273\213\347\273\215.md"
new file mode 100644
index 0000000000000000000000000000000000000000..a3e934fb9456b1ba1187c9a710c319be5d512267
--- /dev/null
+++ "b/\345\215\242\350\257\227\350\257\255/20240905\347\254\254\344\272\214\346\254\241\347\254\224\350\256\260-html\345\237\272\347\241\200\344\273\213\347\273\215.md"
@@ -0,0 +1,93 @@
+**HTML介绍**
+
+（1）HyperText Markup Language。
+（2）制作网页前端的技术。
+
+**标题标签：**
+
+```
+<h1>…</h1>
+<h2>…</h2>
+<h3>…</h3>
+<h4>…</h4>
+<h5>…</h5>
+<h6>…</h6>
+```
+
+显示为标题样式，字体大小从h1到h6依次变小。
+
+**段落标签：**
+
+```
+<p>孤落梨花雨，快乐中带着忧伤！</p>
+```
+
+表示一个段落，段落和段落之间有明显的行间距。
+
+**换行标签：**
+
+```
+<br />
+```
+
+**水平线标签：**
+
+```
+<hr />
+```
+
+**字体加粗标签：**
+
+```
+<strong>陆小曼</strong>
+<b>林徽因</b>
+```
+
+**斜体标签：**
+
+```
+<em>陆小曼</em>
+<i>林徽因</i>
+```
+
+**HTML中的注释：**
+
+```
+<!--我是单行注释-->
+
+<!--
+我是多行注释
+我是多行注释
+-->
+```
+
+**HTML中特殊字符：**
+
+```
+空格:		      &nbsp;
+>:		       &gt;
+<:			   &lt;
+'':			   &quot;
+版权符号：		&copy;
+&符号：		 &amp;
+```
+
+**图片标签：**
+
+```
+<img src="图片路径" alt="提示文本" title="提示文本"  width="图片宽度"  height="图片高度" border="图片边框粗细" />
+```
+
+alt:图片无法显示的时候替换图片显示的文本内容。
+
+title:图片正常显示鼠标经过图片时出现的提示文本内容。
+
+**普通超级链接：**
+
+```
+<a href="链接路径" target="目标窗口位置">链接文本或图像</a>
+```
+
+target=“_self” : 默认值，在原始窗口跳转显示新网页。
+
+target=“_blank” : 保留原始窗口内容，在新窗口显示新网页。
diff --git "a/\345\215\242\350\257\227\350\257\255/20240911html\345\237\272\347\241\2002.md" "b/\345\215\242\350\257\227\350\257\255/20240911html\345\237\272\347\241\2002.md"
new file mode 100644
index 0000000000000000000000000000000000000000..8239ab6f3f4ba8c7313152eb2a47525b6f530755
--- /dev/null
+++ "b/\345\215\242\350\257\227\350\257\255/20240911html\345\237\272\347\241\2002.md"
@@ -0,0 +1,42 @@
+字体标签： &lt;font&gt; , &lt;b&gt;  &lt;u&gt;，&lt;sup&gt; ，&lt;sub&gt;
+特殊字符：(分号是英文)
++ &nbsp；（空格 non-breaking spacing ，不断打空格）
++ &lt； 小于号（less than）
++ &gt； 大于号（greater than）
++ &amp； 符号&
++ quot； 双引号
++ apos； 单引号
++ &copy； 版权©
++ &trade；  商标™
++ &#32464； 文字给。其实#32464是汉字给的Unicode的编码
++ &reg； 注册商标®
++ &plusmn； 正负号±
++ &times 乘号×
++ &divide 除号÷
++ & &sup2 平方2（上标2）
++ &lt;u &gt; 下划线
++ &lt;s/del &gt;中划线/删除线
++ &lt;i/em&gt;斜体标记
+
+## 超链接属性
++ helf：目标URL
++ title：悬停文本
++ name：主要用于设置一个锚点的名称
++ target：告诉浏览器用什么方式打开目标页面。target属性有以下两个值
+   +  _self：在同一个页面中显示（默认值）
+    + _blank：在新窗口中打开。
+    + _praent：在父窗中显示。
+    + _top：在顶级窗口中显示。
+
+## 多媒体标签
+利用<marquee>标签可以让文字在网页上动态滚动。
+
+方向：<marquee direction=#>。 #可以是：left、right、up、down
+
+方式：<marquee behavior=#>。 #可以是scroll、slide、alternate(交替的)
+
+使用audio标签调用音频文件。
+<audio  src=”音频资源路径” controls=“controls” loop auto play muted >
+
+使用video标签调用视频文件。
+<video  src=”视频资源路径” controls=“controls” loop autoplay muted poster=“封面图片路径” muted >
diff --git "a/\345\215\242\350\257\227\350\257\255/20240914html5css.md" "b/\345\215\242\350\257\227\350\257\255/20240914html5css.md"
new file mode 100644
index 0000000000000000000000000000000000000000..2aec3cf529e005632412facfc3c40dd884fc0c84
--- /dev/null
+++ "b/\345\215\242\350\257\227\350\257\255/20240914html5css.md"
@@ -0,0 +1,33 @@
+# html图片标签
+
+#### 文本样式
++ color:字体颜色
++ font-size:字体大小
++ font-weight:设置字体加粗,用于设置字体的粗细
+·取值范围：Normal 1 bold I bolder lighter I number
++ font-family:设置文本的字体系列
+。设置宋体："FangSong", Times, serif
++ font-style:设置或检索文本的字体样式，即字体风格，主要设置字体是否为斜体。
+。取值范围：normal I italic I oblique
++ text-decoration:underline;设置文本的下划线
++ text-indent:设置文本块首行的缩进，text-indent: 2em ;表示缩进两个字符
++ textalign:设置文本的水平对齐方式
+·取值范围：left 居左 Icenter 居中 Iright 居在
++ line-height:设置文本的行高
++ letter-spacing:设置字间距；
+
+#### 常用属性
+* src: 指定图片的路径或URL。
+* alt: 提供图片的替代文本。
+* title: 提供图片的额外信息，当鼠标悬停在图片上时显示。
+* width: 设置图片的宽度（可以是像素或百分比）。
+* height: 设置图片的高度（可以是像素或百分比）。
+* class: 为图片指定CSS类。
+* id: 为图片指定唯一的ID。
+* style: 直接在HTML中指定CSS样式。
+* align: 控制图片与周围元素的对齐方式（HTML5中不推荐使用，应使用CSS）。
+
+#### 高级用法
+* 响应式图片: 使用CSS的 max-width 和 height 属性来确保图片能够适应不同屏幕尺寸。
+* 图片懒加载: 使用 loading="lazy" 属性来延迟非可视区域的图片加载，提升页面加载速度。
+* 图片地图: 结合 map 标签和 usemap 属性，可以创建可点击的图片区域。
diff --git "a/\345\215\242\350\257\227\350\257\255/20240918-\350\241\250\346\240\274+\345\261\236\346\200\247.md" "b/\345\215\242\350\257\227\350\257\255/20240918-\350\241\250\346\240\274+\345\261\236\346\200\247.md"
new file mode 100644
index 0000000000000000000000000000000000000000..c17d6b9bf25c4632982431e16cca3a753c851670
--- /dev/null
+++ "b/\345\215\242\350\257\227\350\257\255/20240918-\350\241\250\346\240\274+\345\261\236\346\200\247.md"
@@ -0,0 +1,40 @@
+### 表格
+1. 表格<table></table>
+2. 标题<caption></caption>
+3. 表头<th></th>
+4. 行<tr></tr>
+5. 单元格<td></td>
+6. 合并行、列
+  + 合并行：rowspan （跨行）
+  + 合并列：colspan （跨列）
+  
+   
+
+7. 表格常用属性
++ border 边框
++ cellspacing 单元格间隙
++ align水平对齐
++ valign垂直对齐
++ width  宽
++ height 高
++ bgcolor 背景颜色
+
+
+### 用于接收用户数据属性
+
+属性：type="属性值"：文本类型。属性值可以是：
+ + text（默认）
+ + password（密码类型）
+ + radio：单选按钮
+ + checkbox：多选按钮，name属性值相同的按钮作为一组进行选择。（checked为按钮的默认值，当checked放入标签为 type="radio" or type="checkbox" 时生效）
+ + hidden：隐藏框，在表单中包含不希望被用户看到当信息
+ + button：普通按钮，结合js代码使用。
+ + submit：提交按钮，传送单前表单数据给服务器或者其他程序处理。
+ + reset：重置按钮，清空当前表单的内容，并设置为最初默认值。
+ + image：图片按钮，和提交按钮功能完全一致，只不过←可以显示图片。
+ + file：文件选择框，提示：如果要限制上传文件的类型，需要配合js来实现验证。对上传文件的安全检查:一是扩展名的检查，二是文件数据内容的检查
+    + value="内容"：文本框里默认内容
+    + size="50"：表示文本框里只可以显示50个字符。一个英文或中文都算一个字符，注意size属性值的单位不是像素
+    + readonly：文本框只读，用户不能编辑
+
+  
diff --git "a/\345\215\242\350\257\227\350\257\255/240909html\345\237\272\347\241\200.md" "b/\345\215\242\350\257\227\350\257\255/240909html\345\237\272\347\241\200.md"
new file mode 100644
index 0000000000000000000000000000000000000000..2ab5759ced0466fee7c1504f21c7a45ace0eb35a
--- /dev/null
+++ "b/\345\215\242\350\257\227\350\257\255/240909html\345\237\272\347\241\200.md"
@@ -0,0 +1,42 @@
+### 如何解决git 上传冲突问题
+打开Vs code 把自己的文件备份保存好后，删掉Vs code 里的文件，使用回溯，回溯到未修改共同拥有文件的时间点，再把自己备份文件拖入要上传的Vs code文件夹重新上传
+
+html的基础基础操作
+
+标题级标签使用：
+<h1>俺是一标签</h1>
+<br>
+使用<  h1-6  > +< /h  1-6 >实现
+
+段落标签使用：p   < + p + >实现  以下同理  <p>我是一个段落</p>
+
+align＝”对齐方式”
+
+换行标签：br 
+
+字符格式化标签： b、i 、u、del
+
+上标和下标：sup  sub
+
+
+字体标签：
++ font color=“颜色” 
++ size=“大小”  
++ face＝”字体”
+
+插入图片：
++ img src=“图片地址” 
++ alt=“提示文字” 
++ width=“图像宽度" 
++ height="图像高度" 
+
+插入横线：
++ color=“颜色” 
++ size=“大小” 
++ width=“宽度”
++ align=“对齐方式”
++ noshade=“nodshade”
+
+
+
+
diff --git "a/\345\215\242\350\257\227\350\257\255/img/\345\261\217\345\271\225\346\210\252\345\233\276 2024-07-17 005009.png" "b/\345\215\242\350\257\227\350\257\255/img/\345\261\217\345\271\225\346\210\252\345\233\276 2024-07-17 005009.png"
new file mode 100644
index 0000000000000000000000000000000000000000..87a3687a40d814b647f002a88140b550f9c904dc
Binary files /dev/null and "b/\345\215\242\350\257\227\350\257\255/img/\345\261\217\345\271\225\346\210\252\345\233\276 2024-07-17 005009.png" differ
diff --git "a/\345\215\242\350\257\227\350\257\255/\344\275\234\344\270\232/20240914H5/20240914\344\275\234\344\270\232-Apple.html" "b/\345\215\242\350\257\227\350\257\255/\344\275\234\344\270\232/20240914H5/20240914\344\275\234\344\270\232-Apple.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c30ab95663902c044452baf9799d233f1e281ac6
--- /dev/null
+++ "b/\345\215\242\350\257\227\350\257\255/\344\275\234\344\270\232/20240914H5/20240914\344\275\234\344\270\232-Apple.html"
@@ -0,0 +1,108 @@
+<!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>
+
+        *{
+            margin: 0px;
+            padding: 0px;
+
+
+        }
+    ul{
+
+        padding-left: 24.21%;
+        }
+
+    li{
+            overflow: auto;
+            float: left;
+            text-align: center;
+
+        }
+
+    
+
+   li.zt{
+        
+    margin-top: 10px;
+    color: white;
+   }
+
+
+   #Dhz{
+    height: 45px;
+    width: 1900px;
+    background-color: #111112;
+   }
+    
+
+   #Apple{
+    filter: invert();
+
+   }
+
+   #Ss{
+    filter: invert();
+}
+
+
+   #gwc{
+    filter: invert();
+   }
+
+    </style>
+
+</head>
+<body>
+    <div id="Dhz">
+
+    <ul>
+
+        <li id="Apple"><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="zt"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 商店</li>
+        <li class="zt"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Mac</li>
+        <li class="zt"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; iPad</li>
+        <li class="zt"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; iPhone</li>
+        <li class="zt"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Watch</li>
+        <li class="zt"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Vison</li>
+        <li class="zt"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; AirPods</li>
+        <li class="zt"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 家居</li>
+        <li class="zt"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 娱乐</li>
+        <li class="zt"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 配件</li>
+        <li class="zt"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 技术支持 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
+
+
+        <li id="Ss"><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>
+    
+        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+    </li>
+
+        <li id="gwc"><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>
+    
+        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+    </li>
+    </ul>
+
+</div>
+    
+</body>
+</html>
\ No newline at end of file
diff --git "a/\345\215\242\350\257\227\350\257\255/\345\233\276\345\272\212.md" "b/\345\215\242\350\257\227\350\257\255/\345\233\276\345\272\212.md"
new file mode 100644
index 0000000000000000000000000000000000000000..2508f4c767ce0d6ce09bf7e52daabb51fdcd0d8e
--- /dev/null
+++ "b/\345\215\242\350\257\227\350\257\255/\345\233\276\345\272\212.md"
@@ -0,0 +1 @@
+[lsy](http://sjyqbquqv.hn-bkt.clouddn.com/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202023-11-21%20223125.png)