HTML tag 学习

 
“ <area shape="rect" coords="330,9,369,35" href="faq.php">”
这是图像的作用区域标记,表示在图像的这个位置建立一个超连接,rect是表示矩形,330,9,369,35是矩形的坐标
图片

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"

原文地址:https://www.cnblogs.com/pingkeke/p/515284.html