前端学习＜一＞HTML——06-HTML标签：图片标签

作者：System 时间：2024年08月13日分类：所有,html 字数：533

在HTML中，我们可以使用<img>标签来插入图片。<img>标签有两个必需的属性：src和alt。src属性用于指定图片的路径，而alt属性则提供了图片的文本替代。

以下是一些使用<img>标签的示例：

示例1：基本的图片插入




<img src="image.jpg" alt="描述文本">

示例2：使用绝对路径




<img src="https://example.com/image.jpg" alt="描述文本">

示例3：使用相对路径




<img src="/images/image.jpg" alt="描述文本">

示例4：使用基64编码的图片




<img src="data:image/gif;base64,R0lGODlhEAAQAAA..." alt="描述文本">

请注意，图片的路径可以是相对路径，也可以是绝对路径，或者是一个Base64编码的数据URL。在实际开发中，你通常会将图片保存在项目的一个文件夹中，然后使用相对路径来引用这些图片。