HTML

HTML中图片元素相关的标签

图片

1.插入图片

<img src="图形文件名">

2.设定图框 -- border

<img src="图形文件名" border=点数>

3.设定图形大小 -- width、height

<img src="图形文件名" width=宽度点数 height=高度点数>

4.设定图形上下左右留空 -- vspace、hspace

<img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数>

5.图形附注

<img src="图形文件名" alt="说明文字">

6.预载图片

<img src="高解析度图形文件名" lowsrc="低解析度图形文件名">

P.S.两个图的图形大小比例最好一致;

7.热点(影像地图 Image Map)

<img src="图形文件名" usemap="#图的名称"> <map name="图的名称">
> <area shape=形状 coords=区域座标列表 href="连结点之URL">
> <area shape=形状 coords=区域座标列表 href="连结点之URL">
> <area shape=形状 coords=区域座标列表 href="连结点之URL">
> <area shape=形状 coords=区域座标列表 href="连结点之URL"> </map>

【1】定义形状 -- shape

shape=rect:矩形 shape=circle:圆形 shape=poly:多边形

【2】定义区域 -- coords a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标

<area shape=rect coords=100,50,200,75 href="URL">

b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度 例:

<area shape=circle coords=85,155,30 href="URL">

c.任意图形(多边形):将图形之每一转折点座标依序填入 例:

<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL">
(0)

本文由 SilenceLee的学习笔记 作者:silencelee 发表,转载请注明来源!

热评文章

发表评论

解决 : *
25 − 1 =