图片标签（单标签）

图片在网页设计中有着举足轻重的地位，合适的图片摆放会让网页充满设计感，图片标签可以帮设计者完成图片插入的工作。

图片格式：网页图片格式主要分为三种，分别为JPG、PNG、GIF格式。JPG主要在网页中用于展示色彩丰富的图片，是一种有损压缩的图片形式（即每次修改都会造成图片数据丢失）。PNG可以用于展示网页logo，其特点为体积小，也可以很好处理透明类型的图片，但PNG格式的图片并不支持动画。GIF相比上述两种格式，最大特点就是很好处理具有动画效果的图片，而且GIF是一种无损的图片形式（修改图片几乎不造成图片数据损失），但GIF图片只能处理256种颜色，所以在网页制作中常用于logo、小图标或者其他色彩单一的图片。

语法格式：<img src="图片文件地址" alt="提示文本">

标签属性：

1.src属性

src属性是必须存在的属性，图片路径可以是相对路径，也可以是绝对路径。相对路径为被引入的文件相对于当前页面的路径，图例如下：

在同一个文件下插入图片直接填写图片名（如例图中本级文件的小猫.jpg）。若是上一级，如下图例：

上一级图片的格式为../加图片名，若是上两级级则为../../加图片名，以此类推。若是下一级如下图例：

下一级文件图片的格式为本级需要打开的文件名加/加图片名，下两级则为本级要打开的文件夹名加/再加下级要打开的文件夹名加图片，以此类推。

绝对路径可以是在网络或本地的绝对路径，在本地图例如下：

网络的绝对路径图例如下：

2.alt属性

alt属性为文本提示属性，可用于图片无法显示或者不能被用户看到时候的情况，若图片正常显示，便不会出现该文本输入的内容，如图例：3.title属性

title属性是鼠标移动到图片上显示的文字，常用于注释或提示信息，如图例：

4.width属性和height属性

width属性为宽度属性，height属性为高度属性，分别用于设置图片宽度和高度，常用单位为像素（px）。如图例：

大小属性均可根据需求调试，以便完成预期目的。