HTML---图像标签

图像使用<img>标签，对于<img>代表图片，img标签的作用是向网页中插入一张图片，并不是将图片绘制到网页中。

注意：：img 使用PNG图片格式

三个属性 src , alt ,title .应用

代码例子

<img src="../img/1.jpg" alt="这是一条皮皮龙" title="你碰到我了">

其中 ../img/1.jpg 图片的地址，就是索取图片的路径 ../??

路径：1.绝对路径

2相对路径.

1.绝对路径：使用图片在硬盘上的绝对位置来访问图片，通常是从根目录开始，向下一个目录一个目录的寻找；在开发网页的过程中，一般不会使用绝对路径

例如 D：/文件夹/起名字的文件夹/img/1.jpg

2.相对路径：指的是相对于当前的路径。

/ ：window盘符，根路径 ./可以省略不写，当前路径（文件夹）同级目录 ../：上一级目录

网页中也有超链接

超链接标签：

超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

<a> </a>标签定义超链接，从一个页面链接到另一个页面。

公式

代码实例

<a href="day01.html" target="_blank" title="这是百度">百度</a>

href 属性描述了链接的目标。

规定链接的目标地址：

1.绝对路径或网络路径：指向另一个站点（另一个网页用 F12寻找网址开头改成http;//）例如

<a href="http://www.XXXX.com/index.htm"></a>

2.相对路径：指向站点内的某个文件例如

<a href="../img/1.zip">下载</a>

3.锚点（可以理解为特定的坐标）：指向本页面中的锚

例如设置标记(坐标目的地)

<a name="top">顶部</a>

设置链接（点击链接回到锚点，跃迁目的地）

<a href="#top">回到顶部</a>

　　·　　超链接的下载功能

href:只能写网页无法解析的功能，只有网页无法解析，才能下载。zip .rar 压缩文件提供下载功能例如代码

<a href="../img/1.zip">下载</a>

target 规定在何处打开链接文档

属性 _blank 在新窗口中打开被链接的文档。

_self 默认。在本网页中打开被链接文档

拓展网页LOGO

1.找到图片在线生成 ico 格式

2.在页面源文件的<head></head>标签之间插入代码

<link rel="shortcut icon" href="./img/LOGO.ico">

注意；；；记住放logo图片的路径