语义化标签（标签的意思和使用场景）
对语义化标签的理解：什么标签放什么内容,h标签放标题，p标签放段落文字，为了让搜索引擎更好的抓取网页内容，有利于seo（网站优化）；
div和span没有任何语义
块标签:（占据一行 上下排列）
<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
行内块:
<img src="" > 引入图片
<input type="text"> 输入框
<select></select> 选择框
格式化标签:
<center></center> 内容居中
<br> 换行
<pre></pre> 保留代码缩进
6.visual studio code快捷方式
框选代码 ctrl+/
注释的作用:给网页内容添加说明
生成html基础结构:!+tab
快速生成标签:标签名+tab
生成带类名的标签：div.box+tab
修改多处 alt+鼠标左键
原文：https://www.cnblogs.com/lmfei/p/14110860.html