如何在html中添加图片
时间: 2024-02-15 11:05:38 浏览: 31
在 HTML 中添加图片可以使用 `<img>` 标签。
下面是一个简单的示例,展示了如何在 HTML 中添加图片:
```html
<!DOCTYPE html>
<html>
<head>
<title>添加图片</title>
</head>
<body>
<img src="example.jpg" alt="示例图片">
</body>
</html>
```
在上面的示例中,`<img>` 标签包含了 `src` 和 `alt` 属性。`src` 属性指定了图片的 URL,而 `alt` 属性则提供了一个替代文本,当图片无法显示时,会显示替代文本。
相关问题
html中在图片上添加文字
您可以使用HTML的"<figcaption>"标签在图片下方添加文字描述。代码示例:
```
<figure>
<img src="image.jpg" alt="这是一张图片">
<figcaption>这是图片的描述</figcaption>
</figure>
```
怎样在html文件中加入背景图片
你可以使用CSS来为HTML元素添加背景图片。以下是一个简单的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>背景图片示例</title>
<style>
body {
background-image: url("your_image_url.jpg");
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<!-- 在这里添加页面内容 -->
</body>
</html>
```
在上面的示例中,我们将背景图片设置为页面的 `body` 元素。我们使用 `background-image` 属性来指定图片的URL地址, `background-repeat` 属性来控制图片是否重复显示, `background-size` 属性来调整图片的大小以适应页面。你需要将 `your_image_url.jpg` 替换为你自己的图片URL地址。
你还可以将背景图片应用于其他HTML元素,例如 `div` 或 `header` 等。只需将 `body` 替换为你想要应用背景图片的元素名称即可。