HTML图片 HTML图片|HTML5

本文概述

HTML img标签的属性
将height和width属性与img标签一起使用
例
使用alt属性
如何从另一个目录/文件夹获取图像？
使用< img> 标签作为链接
例
支持的浏览器

HTML img标签用于在网页上显示图像。 HTML img标签是一个空标签, 仅包含属性, HTML图像元素中不使用结束标签。
让我们看一个HTML图片示例。

< h2> HTML Image Example< /h2> < img src="http://www.srcmini.com/good_morning.jpg" alt="Good Morning Friends"/>

立即测试
输出：

文章图片

立即测试
输出：

文章图片
注意：始终尝试插入具有高度和宽度的图像, 否则在网页上显示时可能会闪烁。使用alt属性我们可以将alt属性与标记一起使用。如果无法在浏览器中显示图像, 它将显示替代文本。以下是alt属性的示例：

< img src="http://www.srcmini.com/animal.png" height="180" width="300" alt="animal image">

输出：

文章图片
如何从另一个目录/文件夹获取图像？要在网络中插入图片, 该图片必须位于放置HTML文件的同一文件夹中。但是, 如果在某些情况下其他目录中有可用的映像, 则可以这样访问映像：

< img src="E:/images/animal.png" height="180" width="300" alt="animal image">

在上面的语句中, 我们将图像放在本地磁盘E — — > images文件夹— — > animal.png中。
注意：如果src URL不正确或拼写错误, 则它将不会在网页上显示你的图片, 因此请尝试输入正确的URL。使用< img> 标签作为链接 【HTML图片】我们还可以将图像链接到其他页面, 也可以将图像用作链接。为此, 请将< img> 标记放在< a> 标记内。
例