在 HTML 中链接图像、网站和电子邮件地址之间的区别

在本文中，我们将讨论将图像、网站和电子邮件地址链接到网站。

• HTML img 标签用于将图像链接到网站。
• HTML 锚标记用于通过在超文本引用 ( href)属性中添加网站的路径来链接网站。
• 要链接电子邮件地址，我们在电子邮件地址的开头指定mailto ，并将此路径传递到锚标记的href属性中。

链接图像： “img”标签用于添加或链接图像。图像标签是一个自闭合标签，这意味着它不需要闭合标签。它需要一个属性列表，例如 src 和 alt。

句法：

示例：以下示例将图像添加到网页。我们在 source(src) 属性中指定了图像的路径，并在 alt 属性中指定了替代文本。请参考 HTML 标签以获得更好的理解。

HTML

  

    
GeeksforGeeks 
    

输出：

链接网站：锚标签用于链接网站，我们要在href属性中指定网站的路径。

句法：

 Link Name 

示例：以下代码演示了使用上述方法链接网站。我们已经添加了网站的路径，当我们点击锚标签下的文字时，它会将页面重定向到指定的链接。

HTML

  

    
Click the link
    
      GeeksforGeeks
   

输出：

链接电子邮件地址：要链接电子邮件地址，我们在电子邮件地址的开头指定 mailto 并将此路径传递到锚标记的 href 属性中。

句法：

 Email Address 

示例：以下示例演示链接电子邮件。当我们点击显示的链接时，它会将我们的页面重定向到指定的邮件地址。请参阅 HTML mailto 文章以获得更好的理解。

HTML

  

    
Click the link
    
      Email at GeeksforGeeks
    

输出：

链接到图像、网站和电子邮件地址之间的区别：

linking Image	linking Website	linking Email Address
Image (img) tag is used to insert the image on the webpage.	Anchor(a) tag is used to link a website to the webpage.	Anchor(a) tag is used to specify the email address of a webpage.
The path or address of the image is placed in the source(src) attribute of the image tag.	The path or the address of the website is placed in the hyperlink reference (href) attribute of the anchor tag.	The email address is placed in the hyperlink reference (href) attribute with a mailto property at the starting of the email address.