
1、图像标签和属性
图像标签:<img>标签引入外部图片文件,并进行显示,单标签,不需要成对出现。
属性:属于标签的特性。标签要通过属性来定义所希望的设置参数。

2、应用案例
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>图像标签</title>
</head>
<body><h4>图像标签的使用</h4><img src="./untitled.png" width="100px"><h4>alt 替换文本</h4><img src="./untitled1.png" alt="猫猫"><h4>title 提示文本</h4><img src="./untitled.png" title="可爱的喵" height="100px" border="5"></body>
</html>
运行结果:

注意点:
(1)图像标签可以有多个,必须写在标签名后面,属性间空格分开,不分先后顺序
(2)属性采用键值对的格式,即key=“value”的格式,属性=“属性值”。
3、路径
(1)相对路径:以引用文件所在位置为参考基础,建立的目录路径。
本例中即为引用图片相对于HTML页面所在位置

(2)绝对路径
写入电脑上图片存储的完整地址src="C:cnewuntitled.png"
或者网络上的绝对路径src="http://www.xxxx.cn/image.jpg"
注:基本都是使用相对路径的。