1.<div>和<span>标签
<div>和<span>是没有语义的，它们就是一个盒子，用来装东西。
1.1<div>和<span>的语法格式
<div>大盒子</div>
<span>小盒子</span>
div是division的缩写，表示分割、分区。
span意为跨度、跨距
1.2<div>和<span>标签的特点：
> <div>标签用来布局，但是现在一行只能放一个<div>。
> <span>标签用来布局，一行上可以多个<span>。
2.图像标签
在HTML标签中，<img>标签用于定义HTML页面中的图像。
2.1图像标签的格式
<img src="图像URL"/>
单词image的缩写，意为图像。
src是<img>标签的必须属性，它用于指定图像文件的路径和文件名
所谓属性：简单理解就是属于这个图像标签的特性
2.2图像标签的其他属性
2.3图像标签属性注意点：
① 图像标签可以拥有多个属性，必须写在标签名后面
② 属性之间不分先后，标签名与属性、属性与属性之间均以空格分开。
③ 属性采取键值对的格式，即 key= "value"的格式，属性="属性值"。
3.路径（前期铺垫知识）
（1）目录文件夹和根目录
实际工作中，我们的文件不能随便乱放。否则用起来很难快速的找到他们，因此我们需要一个文件夹来管理他们。
目录文件夹：就是普通文件夹，里面只不过存放了我们做页面所需要的相关素材，比如HTML文件、图片等等。
跟目录：打开目录文件夹的第一层就是根目录。
3.1 路径
页面中的图片会非常多，通常我们会新建一个文件夹来存放这些图像文件(images)，这时在查找图像，就需要采用"路径"的方式来指定图像文件的位置。
3.2 路径的分类
>相对路径
>绝对路径
3.2.1 相对路径
相对路径：以引用文件所在的位置为参考基础，而建立出的目录路径
简单来说，图片相对于HTML页面的位置
3.2.1绝对路径
绝对路径:是指目录下的绝对位置，直接达到目录位置，通常是从盘符开始的路径。
例如："D:\web\img\logo.gif"或完整的网络地址"http://www.itcast.cn/images/logo.gif"
4.超链接标签（重点）
在HTML标签中，<a>标签用于定义超链接，作用是从一个页面链接到另一个页面。
4.1 超链接的语法格式
<a href="跳转目标" target = "目标窗口的弹出方式"> 文本或图像</a>
href :用于指定链接目标的url地址，（必须属性）当为标签应用href属性是，他就具有了超链接的功能
target： 用于指定链接页面的打开方式，其中_self为默认值，_blank为新窗口中打开方式。
4.2链接的分类
8.2.1外部链接：例如<a href = "http://www.baidu.com">百度</a>.
8.2.2内部链接：网站内部页面之间的相互链接，直接链接内部页面即可，例如<a href = "index.html">首页</a>
8.2.3空连接：如果当时没有确定链接目标时，<a href="#">首页</a>
8.2.4下载链接：如果href里面地址是一个文件或者压缩包，会下载这个文件。
8.2.5网页元素链接：在网页中的各种元素，如文本、图像、表格、音频、视频都可以添加超级链接。
8.2.6锚点链接：点我们点击链接，可以快速定位到页面中的某个位置。
在链接文本的href属性中，设置属性值为#名字的形式，如<a href ="#two">第二集</a>
找到目标位置标签，里面添加一个id属性 = 刚才的名字，如<h3 id = "two">第二集的介绍</h3>
酒枯推荐
推荐使用浏览器：Google Chrome
推荐使用Java环境：eclipse、IDEA
本周推荐学习：HTML和CSS
推荐学习视频链接： https://www.bilibili.com/video/BV1CK411G7m4?from=search&seid=9778818247834758128
推荐使用HTML环境：VScode（Visual Studio Code）