HTML系列（HTML图像）
2019-03-01 本文已影响0人
破折号
背景图案的设置
<body background="URL（路径）">
(例：<body background="xxx.jpg" >)
图片会铺满整个浏览器
将图片插入到网页中去
<img src="URL（路径）" />
| 属性名称 | 属性值 | 说明 |
|---|---|---|
| src | URL（路径） | 引用图片的路径 |
| alt | string | 字符串，给图片做注解 |
| width | 像素px/百分比% | 设置图片的宽度 |
| height | 像素px/百分比% | 设置图片的高度 |
| border | 数字 | 图片加边框 |
| vspace | 像素px | 垂直上下两端与图片距离 |
| hspace | 像素px | 水平左右两端与图片距离 |
用图像作为超链接
<a href="URL(路径)">
<img src="URL（路径）">
</a>
为网站添加图标
(图标的存储格式为.ico，可以在Photoshop中修改存储格式)
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
vue图标
地图索引
<map name="sample" id="图象名称">
<area shape="选取区块的形状" coords="坐标" href="URL' alt="文字说明'>
</map>
<img src="img/xxx.jpg" usemap="#sample">
| 标签/属性 | 说明 |
|---|---|
| <map> | 声明整张图使用地图链接方式进行连接. |
| name,id | 指此图的名称. |
| <area> | 表示我们所要链接其中一点的区快 |
| shape | 表示我们所选择的形状（如:rect矩形，circle圆，poly多边形） |
| coords | 表示地图的坐标位置 |
补充align属性
| 属性值 | 说明 |
|---|---|
| top | 文字首行与图片顶端对齐 |
| bottom | 文字首行与图片底端对齐 |
| center | 文字首行与图片居中对齐 |
| left | 图像居左，文字居右 |
| right | 图像居右，文字居左 |
