在HTML中使用<img>
标签添加图片,您可以遵循以下步骤:
-
创建一个新的HTML文件,或在现有的HTML文件中添加
<img>
标签。 -
在
<img>
标签中添加src
属性,并指定图片的路径。路径可以是绝对路径或相对路径。 -
(可选)添加
alt
属性,提供图片的替代文本,这在图片无法加载时显示。 -
(可选)使用
width
和height
属性自定义图片的尺寸。如果只设置其中一个属性,另一个属性会根据比例调整。 -
(可选)可以添加其他属性,如
title
(提供鼠标悬停时的提示信息)或class
(用于CSS样式)。
下面是一个简单的示例代码:
<!DOCTYPE html>
<html>
<head>
<title>图片示例</title>
</head>
<body>
<img src="path/to/your/image.jpg" alt="描述图片内容的文字" width="200" height="200" title="这是一张示例图片">
</body>
</html>
将path/to/your/image.jpg
替换为您要显示图片的实际路径。