一、在VSC中新建文件夹
二、了解根目录的位置
三、区分换行<br>和分段<p></p>的效果
①两行之间有无空隙
②<br>为单标签
四、文本标签
加粗--<strong></strong> 倾斜--<em></em> 删除线<del></del>
下划线<ins></ins>
五、<div>和<span>标签
大盒子和小盒子
六、图像标签
src为必需标签
同一级路径
<img src="img.jpg" alt="无照片" title="照片名字"/>
下一级路径
<img src="images/baidu.gif"/>
上一级路径
<img src="../baidu.gif"/>
绝对路径
写出目标位置或完整的网络地址
七、链接
<!-- 内部链接 -->
<a href="index.html" target="_blank"></a>
<!-- 外部链接 -->
<a href="http://www.baidu.com" target="_blank">百度</a>
<!-- 空链接 -->
<a href="#"></a>
<!-- 下载链接 -->
<a href="img.zip"></a>
<!-- 网页元素链接 -->
<a href="index.html" target="_blank"><img src="ipg.img"/></a>
<!-- 锚点链接 -->
<a href="#name"></a>
<h3 id="name"></h3>
八、特殊字符
空格  
大于号 >
小于号 <
九、实例
D:\Demo\demo.html