一、新建文件
打开VS Code
打开至所在文件夹后新建html后缀文件
输入！，tab补齐自动搭建环境
右键open with live server打开构建的html页面
二、常用文本标签
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
| <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML 练习</title>
</head>
<body>
<h1>一级标题标签</h1>
<h2>二级标题标签</h2>
<h3>三级标题标签</h3>
<h4>四级标题标签</h4>
<h5>五级标题标签</h5>
<h6>六级标题标签</h6>
<p>这是一个段段段段段段段段段段段段段段段段段段段段段段段段段段段段段段段段段段段段段段落标签</p>
<p>
更改文本样式：<b>字体加粗</b>、<i>斜体</i>、<u>下划线</u>、<s>删除线</s>
</p>
<ul>
<li>无序列表元素1</li>
<li>无序列表元素2</li>
<li>无序列表元素3</li>
<li>无序列表元素4</li>
</ul>
<ol>
<li>有序列表元素1</li>
<li>有序列表元素2</li>
<li>有序列表元素3</li>
<li>有序列表元素4</li>
</ol>
<h1>table row</h1>
<table border="1">
<tr>
<th>列标题1</th>
<th>列标题2</th>
<th>列标题3</th>
<th>列标题4</th>
</tr>
<tr>
<td>元素11</td>
<td>元素12</td>
<td>元素13</td>
<td>元素14</td>
</tr>
<tr>
<td>元素21</td>
<td>元素22</td>
<td>元素23</td>
<td>元素24</td>
</tr>
<tr>
<td>元素31</td>
<td>元素32</td>
<td>元素33</td>
<td>元素34</td>
</tr>
</table>
</body>
</html>
|
一级标题标签
二级标题标签
三级标题标签
四级标题标签
五级标题标签
六级标题标签
这是一个段段段段段段段段段段段段段段段段段段段段段段段段段段段段段段段段段段段段段段落标签
更改文本样式：字体加粗、斜体、下划线、删除线
- 无序列表元素1
- 无序列表元素2
- 无序列表元素3
- 无序列表元素4
- 有序列表元素1
- 有序列表元素2
- 有序列表元素3
- 有序列表元素4
table row
| 列标题1 |
列标题2 |
列标题3 |
列标题4 |
| 元素11 |
元素12 |
元素13 |
元素14 |
| 元素21 |
元素22 |
元素23 |
元素24 |
| 元素31 |
元素32 |
元素33 |
元素34 |