diff --git "a/\347\216\213\345\251\211\345\251\267/20240911-html\346\240\207\347\255\276.md" "b/\347\216\213\345\251\211\345\251\267/20240911-html\346\240\207\347\255\276.md"
new file mode 100644
index 0000000000000000000000000000000000000000..3d1147189b8e68a5a67102420416c6cf640f6f8a
--- /dev/null
+++ "b/\347\216\213\345\251\211\345\251\267/20240911-html\346\240\207\347\255\276.md"
@@ -0,0 +1,63 @@
+# 字体标签
+## 特殊字符（转义字符）
+ + &amp;nbsp; 空格
+ + &amp;lt;小于号`<`
+ + &amp;gt;大于号`>`
+ + &amp;amp;符号`&`
+ + &amp;quot;双引号
+ + &amp;apos;单引号
+ + &amp; copy;版权
+ + &amp;trade;商标
+ + &amp;#32454; 是unicode编码
+
+ ## 锚链接
+ 给链接起一个名字，作用在本页面或者其他页面的不同位置进行跳转。
+ 使用`name`属性或者`id`属性给那个特定的位置起名字
+ ```
+ <a href="" name="top">顶部</a>
+
+    <pre>
+
+
+             在这区间可以写其他东西，或者上面的超链接在不同页面，效果也是一样
+
+    </pre>
+    <a href="#top">回到顶部</a>
+ ```
+
+ ## 超链接
+  `  <a href="" name="" title="悬停文本" target="_blank"></a>`
+
+  blank就是“空白”的意思，表示新建一个空白窗口。
+  `target="_blank"`,就是在新的空白标签页面中打开。
+
+  ## img标签介绍
+  ```
+    <img src="图片的路径" alt="">
+
+  ```
+  ### 能够插入的图片类型
+  + 能够插入的图片类型是：jpg、gif、png、bmp
+  + 不能往网页插入的图片格式：psd、ai
+
+  **HTML页面不是直接插入图片，而是插入图片的引用地址**
+
+  ### img标签的`src`属性
+   - `src`属性：指图片的路径 （sourcs）
+   路径：相对路径、绝对路径
+
+   ### img标签的其他属性
+   #### width、height属性
+ + `width`:图像的宽度
+ + `height`：图像的高度
+
+
+ ## 下划线、删除线、斜体、粗体（已废弃，建议用css）
+  + `<u>`:下划线标记
+  + `<s>或<del>`:删除线（中划线标记）
+  + `<i>或<em>`：斜体标记
+  + `<b>或<strong>`:粗体标签（strong标签表示强调）
+
+  ## 字体标签
+  `<sup>`:上标（可用于立方）
+  `<sub>`:下标（化学标记）
\ No newline at end of file
diff --git "a/\347\216\213\345\251\211\345\251\267/20240911-\347\224\250margin\345\261\205\344\270\255\345\233\276\347\211\207.html" "b/\347\216\213\345\251\211\345\251\267/20240911-\347\224\250margin\345\261\205\344\270\255\345\233\276\347\211\207.html"
new file mode 100644
index 0000000000000000000000000000000000000000..8e76ab646509d063e3a35b26a028bdc344793e17
--- /dev/null
+++ "b/\347\216\213\345\251\211\345\251\267/20240911-\347\224\250margin\345\261\205\344\270\255\345\233\276\347\211\207.html"
@@ -0,0 +1,31 @@
+<!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>
+     body{
+        width: 1000px;
+        height: 600px;
+        margin: auto;
+     }
+       #img{
+        width: 295px;
+        height: 211px;
+        position: absolute;
+        display: block;
+         top:0;
+        left: 0;
+        right: 0;
+        bottom: 0; 
+        margin: auto;
+        padding: 25%;
+       }
+      
+    </style>
+</head>
+<body>
+   <div id="img"> <img src="./imgs/or.jpg" alt=""></div>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\347\216\213\345\251\211\345\251\267/imgs/or.jpg" "b/\347\216\213\345\251\211\345\251\267/imgs/or.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..7c9384e1db45c69ae4f57dffcf90a5c1ebf716c2
Binary files /dev/null and "b/\347\216\213\345\251\211\345\251\267/imgs/or.jpg" differ
