[HTML]图像标签＜img＞的用法、属性及路径问题

• 图像标签：<img>        用法：<img src = "图像地址">

---

• 图像标签的属性

属性	说明
src	指明图像的地址(分为相对路径和绝对路径两种写法)
alt	替换文本，当图片不能正常显示时出现文字(十分重要)
title	提示文本，鼠标放到图像上显示的文字
width	像素值，设置图像的宽度
height	像素值，设置图像的高度
border	像素值，设置图像的边框粗细

• src属性的路径问题

相对路径（相对于当前HTML文件）
类型	写法	说明
同一级路径	无符号，如<img src="data:image.jpg">	引入与当前HTML文件同级的image.jpg图片
下一级路径	符号：/，如<img src="data:images/logo.jpg">	引入与当前HTML文件同级的images文件夹下的logo.jpg图片
上一级路径	符号：../，如<img src="../image.jpg">	引入在当前HTML文件上一级目录下的image.jpg图片
绝对路径（图片完整地址）
类型	写法	说明
本地路径	如<img src="C:\Users\wkb\Desktop\logo.jpg">	引入"C:\Users\wkb\Desktop"路径下的logo.jpg图片
网络路径	如<img src="图片网络地址">	引入某一网络地址下的图片文件