HTML图片标签

最新推荐文章于 2025-05-23 07:00:00 发布

原创最新推荐文章于 2025-05-23 07:00:00 发布 · 2k 阅读

5 ·

CC 4.0 BY-SA版权

前端同时被 2 个专栏收录

17 篇文章

订阅专栏

html

11 篇文章

订阅专栏

本文详细介绍了HTML中的图像标签<img>的用法及属性，包括src、alt、title、width、height、border和align等，通过实例展示了如何正确使用这些属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

图像标签img

单词缩写image

HTML网页中我们会经常看到各种各样的图片，而这些图片都是使用图片标签<img>来实现的，图像标签<img>的基本语法格式如下

在图像标签里拥有很多属性，如下

<img />标签属性

属性	属性值	属性含义
src	URL(路径，这里指图片路径)	图片的路径
alt	文本	图像不能先显示时的替换文本
title	文本	鼠标停留在图像上时显示的内容
width	像素（XHTML中不支持%）	设置图像宽度
heigh	像素（XHTML中不支持%）	设置图形高度
border	数字	设置图片边框宽度（样式在CSS中设置）
align	有right、left、top、bottom、middle等	对其，将图像对起到右边、左边顶端，底部、中间等

下面给出了相关测试代码

<!DOCTYPE html>
	<html lang="en">
		<head>
			<meta charset="UTF-8">
			<title>啦啦啦</title>
		</head>
		<body>
			1.基本的img标签，加入title属性
			<br />
			<img src="14304237_1349666387752.jpg" title="德玛西亚"  
					  width="500" heigh="500"/ border="20"><br />

			2.加入alt的img标签<br />
			<img src="1349666387752.jpg" alt="出错了"  
					  width="1000" heigh="1000"/><br />

		</body>
	</html>

结果