📜  html img src 背景 - Html (1)

📅  最后修改于: 2023-12-03 15:01:10.921000             🧑  作者: Mango

HTML img src 背景

HTML 中,img 是用来嵌入图片的标签,src 是用来规定图片的地址的属性。

语法
<img src="image.jpg" alt="Image description" />

src 属性的值可以是相对地址或绝对地址。

  • 相对地址:相对于当前页面的 URL。
  • 绝对地址:完整的路径,如 https://example.com/image.jpg

alt 属性是用来规定在图片加载失败时代替图片的文本描述。

背景图片

HTML 中也有另一种用于添加背景图片的方式,可以使用 style 属性或者 CSS 技术来实现。

使用 style 属性
<div style="background-image: url('image.jpg');">...</div>
使用 CSS
<style>
  .my-div {
    background-image: url('image.jpg');
  }
</style>

<div class="my-div">...</div>
总结

在 HTML 中嵌入图片时,使用 img 标签并设置 src 属性是最常见的方式。而添加背景图片,则可以使用 style 属性或者 CSS 技术来实现。