HTML基础（四）---图像元素

最新推荐文章于 2023-03-05 13:56:09 发布

BugBear1989

最新推荐文章于 2023-03-05 13:56:09 发布

阅读量1.2k

点赞数 1

分类专栏： HTML 文章标签： HTML

本文链接：https://blog.csdn.net/BearStarX/article/details/83414052

版权

本文详细介绍了HTML中的图像元素，包括图像标签的语法与属性，如src、alt、title等；解释了绝对路径和相对路径的区别及使用方法；探讨了图片热点地图的创建，涉及shape、coords、href等属性，并提醒了相关注意事项。

摘要由CSDN通过智能技术生成

1.1、图像标签是用于在html中显示图片的标签，具体的书写语法如下：

1.2、相关属性介绍

第一、src属性：src是图片存在的路径，可以是本地路径和网络路径，本地路径包含同级路径、相对路径、绝对路径

第二、alt属性：alt属性是图片替代文本，有两方面的作用，一是用于搜索引擎搜索，二是用户提示，在图片未加载出来时可以看到alt信息，src与alt是img的必选选项

第三、title属性：title属性是提示文字，鼠标移入图片时会显示提示文字

第四、width属性、height属性：设置图片宽度和高度的属性，Width和height改变图像的宽度和高度，如果害怕设置了width和height会使得图像变形，那么就可以只设置其中一个参数，另一个参数会自动对应比例呈现

<!DOCTYPE html>
<html>
	<meta charset="utf-8">
<head>
	<title></title>
</head>
<body>
	<!-- 图像标签 -->
	<!-- 同级目录图像 -->
	<img src="img_01.jpg" alt=

关注

专栏目录