img 标记不显示_HTML'img'标记和示例

朱雀 2023-03-05 09:51 213阅读 0赞

img 标记不显示

## <img>标记 **(**<img> Tag**)** ##

**<img> tag in HTML** is used to add images to an HTML page. In needs two attributes to function properly,

**HTML中的<img>标记**用于将图像添加到HTML页面。 在需要两个属性才能正常运行，

*  **src**: the **src** attribute is used to add the location of the image file.
    
    **src** ： **src**属性用于添加图像文件的位置。
 *  **alt**: the **alt** attribute in HTML is used to define an alternate text which is display when the image is unable to load.
    
    **alt** ：HTML中的**alt**属性用于定义当无法加载图像时显示的备用文本。

**Syntax:**

**句法：**

**Technical insights of <img> tag**

**<img>标签的技术见解**

*  It supports global attributes and attributes that handle events of HTML5.
    
    它支持全局属性和处理HTML5事件的属性。
 *  Supported by all browsers.
    
    所有浏览器都支持。

**Example:**

**例：**

<!DOCTYPE html>
    
    <html>
    
    <head>
        <title>HTML Tutorial at IncludeHelp</title>
    </head>
    
    <body>
        <h1>Img Tag Example...</h1>
    	<img src="img_forest-1.jpg" alt="Forest Image">
    	<br>	
    </body>
    
    </html>

**Output**

**输出量**

![HTML | img Tag][HTML _ img Tag]

Read more about adding images to HTML – [Images in HTML][].

阅读有关将图像添加到HTML的更多信息– HTML中的[图像][Images in HTML] 。

> 翻译自: [https://www.includehelp.com/html/img-tag-with-examples.aspx][https_www.includehelp.com_html_img-tag-with-examples.aspx]

img 标记不显示

[HTML _ img Tag]: /images/20230208/cd0369dbe58144b2aeb06f4d877c9777.png
[Images in HTML]: https://www.includehelp.com/html/images.aspx
[https_www.includehelp.com_html_img-tag-with-examples.aspx]: https://www.includehelp.com/html/img-tag-with-examples.aspx