[HTML]图像标签<img>的用法、属性及路径问题
- 图像标签:<img> 用法:<img src = “图像地址”>
- 图像标签的属性
属性 | 说明 |
src | 指明图像的地址(分为相对路径和绝对路径两种写法) |
alt | 替换文本,当图片不能正常显示时出现文字(十分重要) |
title | 提示文本,鼠标放到图像上显示的文字 |
width | 像素值,设置图像的宽度 |
height | 像素值,设置图像的高度 |
border | 像素值,设置图像的边框粗细 |
- src属性的路径问题
相对路径(相对于当前HTML文件) | ||
类型 | 写法 | 说明 |
同一级路径 | 无符号,如<img src=”image.jpg”> | 引入与当前HTML文件同级的image.jpg图片 |
下一级路径 | 符号:/,如<img src=”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=”图片网络地址”> | 引入某一网络地址下的图片文件 |