HTML中的img标签

在 HTML 中，图像由 <img> 标签定义。<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。定义图像的语法是：<img src="url" />URL 指存储图像的位置。如果名为 "boat.gif" 的图像位于images 目录中

努力彪

10544人浏览 · 2021-06-15 13:29:45

努力彪 · 2021-06-15 13:29:45 发布

在 HTML 中，图像由 <img> 标签定义。

<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。

要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。

定义图像的语法是：

<img src="url" />

URL 指存储图像的位置。如果名为 "boat.gif" 的图像位于images 目录中，那么其 URL 为images/boat.gif。

下面来为大家介绍一下img标签的属性，img标签的属性最常用的有以下几种：

1：src属性指定图片存储的路径

2：width属性指定我们图片的宽度,高度会等比例缩放！不要手动设置高度

3：title属性用来设置鼠标悬停时的提示信息

4：alt属性用来设置当我们图片加载失败的时候，显示的信息。

代码示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片</title>
	</head>
	<!-- 背景图片 -->
	<body background="images/dyzh.jpg">
		
		<!-- 这个图片是网页中的一个元素 -->
		<!-- <img src="images/bd.png"></img> -->
		<!-- 开始标签和结束标签之间没有内容的话，可以直接把结束标签删除掉，开始标签末尾添加 / -->
		<img src="images/bd.png"/>
		
		<!-- img标签的属性有哪些呢？ -->
		<!-- src属性：用来指定图片的路径 -->
		<!-- width属性：用来指定图片的宽度，高度会等比例缩放！ 不要手动设置高度。-->
		<!-- title属性用来设置鼠标悬停时的提示信息。 -->
		<img src="images/bd.png" width="200px" title="点击我跳转到百度哦!" />
		
		<!--alt用来指定当图片加载失败的时候的提示信息 -->
		<img src="im/bd.png" alt="图片找不到了哦!" >
		
	</body>
</html>