在网页设计中添加图片可通过以下两种主要方法实现,网页位置网站根据需求选择合适的设计设计方式:
一、使用 `` 标签添加图片


```html
```

`src`:图片地址(可包含相对路径或绝对链接)
`alt`:图片描述(提升可访问性)
`width`/`height`:可选属性,把图指定图片尺寸
注意事项
图片会覆盖页面内容,片放片需调整大小后通过CSS居中显示
本地图片需确保路径正确(建议与CSS文件同级)
二、指定使用 CSS 背景图
内联样式
在 `
```css
body {
background-image: url('background.jpg');
background-repeat: no-repeat; /* 防止重复 */
background-size: cover; /* 覆盖整个背景 */
background-position: center; /* 居中显示 */
background-attachment: fixed; /* 固定背景,何插滚动时不变动 */
}
```
适用于整体背景设置
嵌入式样式表
在 `
` 标签内添加 `