如何在HTML中插入图像

如果要在HTML文档中插入图像以在网页上显示图像，则必须遵循以下步骤。使用这些步骤，我们可以轻松地在文档中添加或插入图像。

步骤1：首先，我们必须在任何文本编辑器中键入HTML代码，或在要插入图像的文本编辑器中打开现有的HTML文件。

   
    


 
Hello JavaTpoint! 

Hello User! 

How are You?  

步骤2：现在，将光标移到我们要插入图像的位置。然后，输入空白在那时标记。

   
    



Hello JavaTpoint! 


Hello User! 

How are You?  

步骤3：现在，我们必须添加名称为“ src”的image标签的属性。因此，请在标签。

   
    


 
Hello JavaTpoint! 


Hello User! 

How are You?  

步骤4：在那之后，我们必须给出要插入的图像的路径。因此，在src属性中键入图像的路径。如果我们的图像存储在HTML文件存储的同一目录中，请键入以下路径：

如果我们的图像存储在任何其他目录中，请键入该图像的正确路径，以便浏览器可以轻松地读取图像，如以下块中所述。

如果我们的图像在互联网上，那么我们也可以使用URL添加图像，如以下屏幕截图所示。

步骤5：之后，我们还可以使用两个不同的属性来设置该图像的宽度和高度，如以下块所示：

第6步：最后，我们必须在文本编辑器中保存以下HTML文件或HTML代码。

   
    


 
Hello JavaTpoint! 

 

Hello User! 

How are You?  

以下屏幕快照显示了以上代码的输出：