vscode回车不补全而换行问题： 在设置中搜索prevent，取消勾选“控制在活动代码片段内是否禁用快速建议”即可。

完整的html页面包括：
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
</body>
</html>

head中的部分有 {
  <meta> {
    name,content
    description,content
    keywords,content
  }
  <title>
  <link> logo
}

<h2></h2> ~ h5为标题大小 
<p>标签与<br>回车连用
<pre>原生输出
<i></i>斜体
<b></b>加粗
<del></del>删除线
<ins></ins>与<u></u>为下划线标签
插入图片为 <img src="/images/mountain.jpg" alt="山" width="600">
  
audio音频，video视频 eg：
<audio controls src="/audios/bgm.mp3"></audio>
<br>
<video controls src="/videos/video2.mp4" width="600"></video>

跳转：
a标签加href
<a href="/about.html">About</a>
<a href="https://www.acwing.com" target="_blank"><img src="/images/logo.png" alt="logo" width="50px"></a>

form为表单
input有多个标签每个用label包起来
textarea select input 

列表分为ol（有序），ul（无序）
每个都用li标签
如：
<ol>
        <li>第一讲</li>
        <li>第二讲
            <ul>
                <li>第一小节</li>
                <li>第二小节</li>
                <li>第三小节</li>
            </ul>
        </li>
        <li>第三讲
            <ol>
                <li>第一小节</li>
                <li>第二小节</li>
                <li>第三小节</li>
            </ol>
        </li>
</ol>


<dl>
    <dt>Name</dt>
    <dd>Godzilla</dd>
    <dt>Born</dt>
    <dd>1952</dd>
    <dt>Birthplace</dt>
    <dd>Japan</dd>
    <dt>Color</dt>
    <dd>Green</dd>
    <dd>Orange</dd>
</dl>

table表格
caption为标题
thead为加粗部分
tbody为内容

thead用tr和th
tbody用tr和td
如：
 <table>
                <caption>成绩单</caption>
                <thead>
                        <tr>
                                <th>姓名</th>
                                <th>数学</th>
                                <th>语文</th>
                                <th>英语</th>
                        </tr>
                </thead>

                <tbody>
                        <tr>
                                <td>Alice</td>
                                <td>100</td>
                                <td>99</td>
                                <td>98</td>
                        </tr>
                        <tr>
                                <td>Bob</td>
                                <td>99</td>
                                <td>98</td>
                                <td>97</td>
                        </tr>
                        <tr>
                                <td>Tom</td>
                                <td>98</td>
                                <td>97</td>
                                <td>96</td>
                        </tr>
                </tbody>
</table>

一些封装好的东西 header = <div class="header"> section footer等
section中有figure article等

特殊标签为：
&lt; < 
&gt; >
&amp; & 
等