html怎么插入图片
时间: 2024-01-05 08:50:21 浏览: 125
iOS图片拉伸的方法
插入图片有两种方法:
1. 使用`<img>`标签
在HTML中,可以使用`<img>`标签来插入图片。这个标签有三个必需的属性:src、alt和width(或height)。
- `src`属性指定要插入的图片文件的URL。
- `alt`属性提供了图片的替代文本,当图片无法显示时,替代文本将被显示。
- `width`属性指定图片的宽度(以像素为单位),但这个属性并不是必需的。
下面是一个简单的例子:
```html
<img src="example.jpg" alt="这是一个示例图片" width="300">
```
2. 使用CSS
另一种插入图片的方法是使用CSS。可以在CSS中使用`background-image`属性来插入图片。下面是一个简单的例子:
```html
<div style="background-image: url('example.jpg'); width: 300px; height: 200px;"></div>
```
这个例子使用一个`<div>`标签,并设置了它的背景图片为`example.jpg`。同时,还设置了这个`<div>`的宽度和高度。
阅读全文