VSCode工具生成骨架标签新增代码

文档类型声明标签

<!DOCTYPE>

为文档类型声明，告诉浏览器使用哪种html版本来显示网页

<html lang="en">
<html lang="zh-CN">

用来定义当前文档显示的语言，但是实际上文档显示中，已经定义成en的文档也可以显示中文，定义成zh-CN的也可以显示英文。
它的作用可以试着定义"fr"，网页会提示是否要翻译成法语。

<meta charset="UTF-8" />   //UTF-8为万国码，最为常用

字符集是多个字符的集合，便于计算机识别存储各种文字。
在<head>标签中，可以通过<meta>标签中的charset属性来规定html文档应该用哪种字符编码。

<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

只有六个，没有多的。

<p>段落标签</p>

<br />

为单标签，强制换行。
与段落标签区别为，它仅仅是简单的开始新的一行，和段落不一样，段落之间还有一些垂直距离。

<strong>粗体</strong>
<em>倾斜</em>
<del>删除线</del>
<ins>下划线</ins>

推荐使用以上语义更强烈。

<b>粗体</b>
<i>倾斜</i>
<s>删除线</s>
<u>下划线</u>

以上了解，不推荐使用。

<div>和<span>是没有语义的，类似一个盒子，用来装内容，都为双标签。
<div>标签用来布局，单独占一行，大盒子。
<span>标签也用来布局，一行上可以有多个，小盒子。

<img src="图像URL" />

src是<img>标签的必须属性，用来指定图像文件的路径和文件名。

<img src="图像URL"     alt="替换文本" />

alt也是图像标签的属性之一，当图片不能显示时（比如路径下没有这个图片文件），用于替换的文本。

<img src="图像URL"     title="提示文本" />

title是提示文本，即当鼠标放在图像上，显示的文字。

<img src="图像URL"     title="提示文本"     width="500"     height="100"     border="15" />

width设置图像的宽度。
height设置图像的高度。
border设置图像的边框粗细。
图像标签<img>可以拥有多个属性，必须写在标签名的后面；属性之间不分先后顺序，标签名与属性、属性与属性之间用空格分开；属性采取键值对的格式，即key="value"的格式。