背景图案的设置
<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 |
图像居右，文字居左 |
网友评论