如何在 HTML 中插入图像？

我们可以在 HTML 文档中使用不同的字体和列表。同样，我们可以添加图形使文档看起来更有吸引力。 Web 浏览器支持多种图形格式。一些最广泛使用的格式是：

• 图形交换格式 (GIF)： GIF 是显示用图形程序设计的图像的最佳格式。此格式最多使用 256 种颜色，并将这些颜色组合起来以创建更多颜色。
• 联合图像专家组 (JPEG)： JPEG 是最好的照片格式，因为它包含 100 万种颜色。
• 便携式网络图形 (PNG)：该格式最适合具有透明度或低色数的图像。

标签的使用

标签指定要在 HTML 文档中显示的图像。它是一个元素，因为它没有 OFF 标签。

图像标签在表中具有以下属性：

Attribute	Description	Values	Example
src	Specifies the URL image	URL
alt	Specifies the alternative text for an image. This is displayed when the graphics feature is turned off in the browser or while  The image is being downloaded. In some browsers, the ALT text is displayed as a tooltip for the image.	text
height	Specifies the height of an image	value in pixels
width	Specifies the width of an image	Value in pixels

以下 HTML 代码将帮助您更好地理解 标签。生成的网页显示在输出中。

方法一：用 CSS插入图片

HTML

    

    


    
INSERTING IMAGE
    

输出：

方法 2：不使用 CSS 插入图像

HTML

    


    
INSERTING IMAGE
    

输出：

支持的浏览器有：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器