一、图像标签
在HTML中，用<img>标签在网页中添加图像，图像以嵌入的方式添加到网页中。
图像标签的格式为
<img src="图像文件名" alt="替代文字" title="鼠标悬停提示文字" width="图像宽度"
height="图像高度" border="边框宽度" hspace="水平空白" vspace="垂直空白"
align="环绕方式|对齐方式"/>
1.图像标签的常用属性
| 属性 | 说明 |
|---|---|
| src | 是必需属性，指定图像源，即图像的 URL 路径 |
| alt | 如果图像无法显示，在图像位置代替图像的说明文字 |
| title | 为浏览者提供额外的提示或帮助信息，方便用户使用 |
| width | 指定图像的显示宽度（像素数或百分数），通常设为图像的真实大小以免失真。若需要改变图像大小，最好事先使用图像编辑工具进行修改。百分数是指相对于当前浏览器窗口的百分比 |
| height | 指定图像的显示高度（像素数或百分数） |
| border | 指定图像的边框大小，用数字表示,默认单位为像素，默认情况下图片没有边框，即border=0 |
| hspace | 设定图片左侧和右侧的空白像素数（水平边距） |
| vspace | 设定图片顶部和底部的空白像素数（垂直边距） |
| align | 指定图像的对齐方式，设定图像在水平(环绕方式)或垂直方向(对齐方式)的位置，包括left（图像居左，文本在图像的右边）、right（图像居右,文本在图像的左边），top（文本与图像在顶部对齐）、middle（文本与图像在中央对齐）或bottom（文本与图像在底部对齐） |
另外，style是直接内联样式，如设置宽度和高度、边框等。
2.图片标签的路径介绍
1）相对路径（常用）
| 同级目录 | 当前文件和目标文件在同一目录中，直接写目标文件的名字即可，格式为：<img src="目标图片.gif"> | |
|---|---|---|
| 下级目录 | 进入这个文件夹→ / | 目标文件在下级目录中，格式为：<img src="文件名/目标图片.gif"> |
| 上级目录 | 到上一级目录→ ../ | 目标文件在上级目录中，格式为：<img src="../目标图片.gif"> |
例：
<p>从本地导入图片(相对路径)</p>
<img src="./水果.jpg" alt="水果" width="200" height="100">2）绝对路径
<p>从本地导入图片(绝对路径)</p>
<img src="E:\web\课堂练习\1.HTML\车厘子.jpg" width="200" height="150">3）从网络URL导入图片
</p>从网络URL导入图片</p>
<img src="https://www.qianduange.cn/upload/article/result.png" title="百度一下，你就知道" width="300" height="300">二、超链接
1.超链接的定义
超链接（hyperlink）是指从一个网页指向一个目标的连接关系。
当网页中包含超链接时，其外观为彩色（一般为蓝色）且带下划线的文字或图像。单击这些文本或图像，可跳转到所链接的其他网页、图像、多媒体、电子邮件地址、可下载的文件等。
2.超链接的分类
根据超链接目标文件的不同，超链接可分为页面超链接、锚点超链接、电子邮件超链接等；根据超链接单击对象的不同，超链接可分为文字超链接、图像超链接、图像映射等。
3.超链接的应用
1）创建超链接
通过<a>标签在HTML中创建超链接。<a>标签的使用有以下两种方式。
①通过使用href属性创建指向另一个文档的超链接。
②通过使用name属性创建文档内的书签。
创建超链接的语法格式为
<a href="url"title="指向链接时显示的文字"target="窗口名称">热点文本</a>href属性定义了这个链接所指的目标地址，也就是路径。
- 外部链接：<a href="网址">热点文本</a>
<a href="https://www.qianduange.cn/upload/article/g_utm&">点击此处，打开本地苹果照片(内部链接)</a>如果要创建一个不链接到其他位置的空超链接，可用符号“#”代替URL。
- 空链接：<a href="#">这是一个空链接</a>
target属性设定链接被单击后打开窗口的方式，有以下4种方式。
①_blank：在新窗口中打开被链接的文档。
②_self：默认。在相同的框架中打开被链接的文档。
③_parent：在父框架集中打开被链接的文档。
④_top：在整个窗口中打开被链接的文档。
2.书签链接（锚点链接）
书签就是用<a>标签对网页元素作的一个记号，锚点与链接可以在同一个页面，也可以在不同的页面。在实现锚点链接之前，需要先创建锚点，格式为
<a name="记号名（锚点名称）">锚（显示在页面的文本）</a>其中，记号名或称锚点名称可以是数字或英文字母,也可以是两者的混合。在同一页面中可以有多个锚点,但名称不能相同。使用id属性替代name属性,锚点同样有效。
1）页面内书签的链接
要在当前页面内实现书签链接,需要定义超链接标签和书签标签两个标签。超链接标签的格式为
<a href="#记号名（锚点名称）">热点文本</a>即单击“热点文本”，将跳转到“记号名”开始的网页元素。
2）其他页面书签的链接
要在其他页面内实现书签链接,需要定义两个标签:一个为当前页面的超链接标签;另一个为跳转页面的书签标签。当前页面的超链接标签的格式为
<a href="目标文件名.html #记号名">热点文本</a>即单击“热点文本”将跳转到目标页面“记号名”开始的网页元素。
