HTML 图像
图片让网页更加生动！学习使用<img>标签。
基本语法
<img src="图片路径" alt="描述文字">
注意：<img>是自闭合标签，不需要结束标签。
示例代码
<img src="/d/file/pic/logo.png" alt="网站 Logo">
重要属性
| 属性 | 说明 |
|---|
src | 图片路径（必需） |
alt | 替代文本，图片加载失败时显示 |
width | 图片宽度（像素或百分比） |
height | 图片高度（像素或百分比） |
title | 鼠标悬停提示 |
图片路径类型
1. 相对路径
<img src="images/logo.png" alt="Logo">
<img src="/d/file/pic/banner.jpg" alt="横幅">
2. 绝对路径（完整 URL）
<img src="https://example.com/image.jpg" alt="网络图片">
最佳实践：
- 始终添加
alt属性，提高可访问性
- 为大图片指定
width和height，避免页面跳动
- 使用 WebP 格式提高加载速度
相关文章
|
