title:当我们把鼠标移动到图片上展示的文本内容

alt:当图片的路径缺点或图片有问题时浏览器无法识别渲染的情形下展示的文本内容

width:设置图片的宽度

htmlimg上面添加文字HTML中图像标签img GraphQL

height:设置图片的高度

img标签的利用

代码

<!DOCTYPE html>

<html lang=&#34;en">

<head>

<meta charset="UTF-8">

<title>图像标签</title>

</head>

<body>

<pre>

../:代表上一级目录

../../:上上级目录

当前目录中的文件夹下利用:文件夹名称/图片名称

上n级目录下的n级文件夹:n个../+n个文件夹的名称直到找到图片文件为止

</pre>

<img src="奶茶妹妹.png" width="500" height="300" title="这是同一个目录下的图片"><br>

<img src="" alt="对不起,图片走丢了">

<img src="img/章泽天.png" title="这是同一目录中文件夹下的图片"><img src="../田馥甄.png" width="350"

height="300" title="这是上一级目录中的图片">

<img src="../img/高圆圆.png" title="这是上级目录中某个文件夹下的图片">

</body>

</html>

浏览器预览效果图

以上便是img图片标签的大略运用