HTML教程-如何在HTML中插入图片
如果我们想在HTML文档中插入图片以在网页上显示图像，我们需要遵循以下步骤。通过这些步骤，我们可以轻松地在文档中添加或插入图片。
步骤1：首先，在任何文本编辑器中输入HTML代码或打开现有的HTML文件，以便在文本编辑器中插入图片。
<!DOCTYPE html>
<html>
<head>
<title>Insert an Image</title>
</head>
<body>
Hello javatiku!<br>
<img>
Hello User!<br>
How are You?
</body>
</html>步骤2：现在，将光标移动到要插入图片的位置。然后，在该位置键入空的<img>标签。
<!DOCTYPE html>
<html>
<head>
<title>Insert an Image</title>
</head>
<body>
Hello javatiku!<br>
<img src="">
Hello User!<br>
How are You?
</body>
</html>步骤3：现在，我们要添加图片标签的src属性。因此，在<img>标签中键入src属性。
<!DOCTYPE html>
<html>
<head>
<title>Insert an Image</title>
</head>
<body>
Hello javatiku!<br>
<img src="javatikuimage.jpeg">
Hello User!<br>
How are You?
</body>
</html>步骤4：然后，我们需要给出要插入的图片的路径。因此，在src属性中键入图像的路径。如果我们的图像存储在与HTML文件相同的目录中，则键入以下路径：
<img src="filename.extension">如果我们的图像存储在任何其他目录中，则键入该图像的正确路径，以便浏览器可以轻松读取图像，如下所示：
<img src="/home/sumit/Desktop/images/javatikuimage.jpeg">如果我们的图像位于互联网上，我们还可以使用URL添加图像，如下所示：
<img src="https://image3.mouthshut.com/images/ImagesR/imageuser_m/2017/11/925747536-4559193-1.png?rnd=38062">步骤5：接下来，我们可以使用两个不同的属性设置图像的宽度和高度，如下所示：
<img src="javatikuimage.jpeg" width="500" height="200">步骤6：最后，将上述HTML文件或HTML代码保存在文本编辑器中。
<!DOCTYPE html>
<html>
<head>
<title>Insert an Image</title>
</head>
<body>
Hello javatiku!<br>
<img src="https://image3.mouthshut.com/images/ImagesR/imageuser_m/2017/11/925747536-4559193-1.png?rnd=38062" width="400" height="200"><br>
Hello User!<br>
How are You?
</body>
</html>
