HTML 图像
HTML 图像
简介&定义
HTML中使用 <img> 标签来链接图像
<img> 标签为单标签
属性
| 属性名 | 属性描述 | 属性值 | 是否必需 |
|---|---|---|---|
| src="" | 显示图像的URL,可以是本地地址,也可以是网络地址 | URL | 必需 |
| alt="" | 图像不能正常显示时替代的文本 | Text | 必需 |
| title="" | 图像上鼠标悬停显示的文本 | Text | 可选 |
| height="" | 指定图像的高度,height和width只设定一个属性时,保持默认纵横比 | 正数px , 正数% | 可选 |
| width="" | 指定图像的宽度,height和width只设定一个属性时,保持默认纵横比 | 正数px , 正数% | 可选 |
| align="" | 根据周围文字排列图像,已弃用 | top , bottom , middle , left , right | 可选 |
| border="" | 定义图像的边框,已弃用 | 正数 | 可选 |
实例
引用本地图像,如下:
<img src="resources/image/thisComputer.jpg" alt="替代文本" title="鼠标悬停显示文本" height="150px">
引用网络图像,如下:
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="替代文本" title="鼠标悬停显示文本" height="150px">

浙公网安备 33010602011771号