在HTML5中,可以使用`
标签来显示图片。`。
在HTML5中显示图片有多种方法,下面将详细介绍其中几种常用的方式。

1、使用<img>标签显示图片:
```html
<img src="图片路径" alt="图片描述">
```
- src属性指定图片的路径,可以是相对路径或绝对路径。
- alt属性提供图片的描述信息,当图片无法显示时会替代显示该文本。
2、使用CSS样式设置背景图片:
```html
<div style="background-image: url('图片路径');"></div>
```
- 将<div>元素的背景设置为指定的图片路径。
- 可以根据需要调整元素的尺寸和位置来适应图片。
3、使用CSS样式设置内联图片:
```html
<span style="background-image: url('图片路径'); display: inline-block; width: 100px; height: 100px;"></span>
```
- 将<span>元素的背景设置为指定的图片路径。
- 通过设置display: inline-block;使元素以块级元素的方式显示,并设置宽度和高度来控制图片的大小。
4、使用CSS样式设置背景大小和位置:
```html
<div style="background-image: url('图片路径'); background-size: cover; background-position: center;"></div>
```
- 将<div>元素的背景设置为指定的图片路径。
- background-size: cover;使背景图片覆盖整个元素区域,保持原始比例。
- background-position: center;将背景图片居中显示。
相关问题与解答:
1、Q: 如何设置图片的边框?
A: 可以使用CSS样式中的边框属性来设置图片的边框,例如border: 1px solid #000;表示给图片添加一个1像素宽、实线、黑色的边框。
2、Q: 如何使图片自适应容器的大小?
A: 可以使用CSS样式中的max-width: 100%;来设置图片的最大宽度为容器宽度的100%,这样可以使图片自适应容器的大小。