增加替换按钮

public/turtorial/01/README.md

@@ -1,30 +1,59 @@
-# 测试
+# HTML 基本标签
 
-## 什么是 HTML
+## 标题
+
+h1到h6，一共六级标题。
 
 ```html
-<div>hello</div>
+<h1>标题 1</h1>
+<h2>标题 2</h2>
+<h3>标题 3</h3>
+<h4>标题 4</h4>
+<h5>标题 5</h5>
+<h6>标题 6</h6>
 ```
 
+给六个标题字体颜色换一下，注意：`color` 表示字体颜色。
+
 ```css
-.welcome {
+h1 {
   color: red;
 }
-```
-```js
-console.log("122")
+
+h2 {
+  color: orange;
+}
+
+h3 {
+  color: yellow;
+}
+
+h4 {
+  color: green;
+}
+
+h5 {
+  color: blue;
+}
+
+h6 {
+  color: purple;
+}
 ```
 
-## 什么是 HTML
+## 段落
 
-## 什么是 HTML
+`<p></p>`表示段落
 
-## 什么是 HTML
+```html
+<p>月光如流水一般，静静地泻在这一片叶子和花上。薄薄的青雾浮起在荷塘里。叶子和花仿佛在牛乳中洗过一样；又像笼着轻纱的梦。虽然是满月，天上却有一层淡淡的云，所以不能朗照；但我以为这恰是到了好处——酣眠固不可少，小睡也别有风味的。月光是隔了树照过来的，高处丛生的灌木，落下参差的斑驳的黑影，峭楞楞如鬼一般；弯弯的杨柳的稀疏的倩影，却又像是画在荷叶上。塘中的月色并不均匀；但光与影有着和谐的旋律，如梵婀玲上奏着的名曲。</p>
+```
 
-## 什么是 HTML
+用`font-size`改变字体大小，`line-height`改变行高。注意单位是 px（像素）
 
-## 什么是 HTML
-
-## 什么是 HTML
-
-## 什么是 HTML
+```css
+p {
+  font-size: 24px;
+  line-height: 48px;
+}
+```

public/turtorial/02/README.md

@@ -1,7 +1 @@
-# 什么是 CSS
-
-```css
-.greeting {
-    color: red;
-}
-```
+未完待续...

public/turtorial/03/README.md

@@ -0,0 +1 @@
+全部结束