1. 语义化标签（标签的意思和使用场景）

2. 对语义化标签的理解：什么标签放什么内容,h标签放标题，p标签放段落文字，为了让搜索引擎更好的抓取网页内容，有利于seo（网站优化）；
   div和span没有任何语义

3. 块标签:（占据一行 上下排列）
   <div></div> 容器标签
   <p></p> 文本标签
   h1-h6 标题标签
   <ul></ul> <li></li> 无序列表
   <ol></ol> <li></li> 有序列表
   <table></table> 表格
   <tr></tr>行
   <td></td> 单元格
   <th></th> 标题单元格
   <form action=""></form> 表单区域
   行内标签：（对局部文字进行修饰,无法设置元素宽高）
   span 行内的div
   <p>hell<span>o</span> world</p>
   页面效果hello world
   ? <em></em> 倾斜
   ? <strong></strong> 加粗
   ? a 超链接
   点击a标签是 页面会滚动到响应ID名的元素位置
   <a href="#download">下载标签</a>
<a href="http://www.baidu.com" id="download">百度一下</a>
   点击下载标签会跳转到http://www.baidu.com

4. 行内块:
   <img src="" > 引入图片
   <input type="text"> 输入框
   <select></select> 选择框

5. 格式化标签:
   <center></center> 内容居中
   <br> 换行
   <pre></pre> 保留代码缩进
   6.visual studio code快捷方式
   框选代码 ctrl+/
   注释的作用:给网页内容添加说明
   生成html基础结构:!+tab
   快速生成标签:标签名+tab
   生成带类名的标签：div.box+tab
   修改多处 alt+鼠标左键

HTML标签