cssdiv中的map标签和一个标签的用法

发布网友 发布时间：2022-04-19 06:32

我来回答

共5个回答

懂视网 时间：2022-04-19 10:53

map标签必须成对出现，即

<map> ....</map>

同时map必须和area配合使用。

img标签里的usermap属性值必须与map标签里的id和name值完全一致

area标签：定义图片的点击区域 area 是单标签，不成对。

属性：

accesskey 快捷键

alt 图片提示文字

coords 定义和点击区域的图形的坐标

href 链接地址

nohref 图像点击可排除的区域，当不是有href时，需要使用nohref

shape 可点击区域的形状

tabindex tab键遍历

target 链接目标

代码实例：

代码如下:
<img src="images/logo.gif" usermap="#map"/>
<map id="map" name="map">
<area shape="rect" coords="a,b,c,d" target="_blank" href=""/>
<!-- a,b,c,d分别是矩形的左上角和右下角的坐标值 !>
<area shape="circle" coords="a,b" target="_blank" href="" />
<!-- a,b分别是圆形的圆心的坐标值 !>
<area shape="poly" coords="a,b..." target="_blank" href="" />
<!-- a,b分别是多边形的各个定点的坐标值 !>
</map>

热心网友 时间：2022-04-19 08:01

　　在Html中，给图像使用map标签，可以给图像的某个部分建立超连接，用法如下：
　　<img src=img.gif usemap="MAP-Name">
　　<map name="MAP-Name">
　　<area shape="rect|circle|poly" coords="#" href="url">
　　</map>
　　注:所有的坐标都是相对于图片左上角的。

　　其中，坐标coords对各个shape的解释如下：
　　shape="rect" coords="x1,y1,x2,y2" // (x1,y1)=Upper Left, (x2,y2)=Lower Right

　　即，当shape是矩形时，coords表示矩形左上及右下(x2, y2)的坐标；

　　shape="circle" coords="x,y,r" // (x,y)=Center, r=Radius
　　即，当shape是圆形时，coords表示圆中心点坐标(x, y)及半径；

　　shape="poly" coords="x1,y1,x2,y2,x3,y3..." // (x1,y1>=First Corner, (x2,y2)=Second Corner, ...

　　即，当shape是poly多边形时，coords表示多边形所有顶点的坐标(x1,y1),(x2,y2),(x3,y3)...
　　注意：以上所有坐标都是相对于图形img.gif左上脚坐标而言的。

热心网友 时间：2022-04-19 09:19

clearfix:after 首先你要明白这个属性是用来清除DIV浮动的有效办法之一，因为网页中会屡次用到，<div class="header clearfix">这个意思是代表这个DIV引用了两个类，一个是header，一个是clearfix,因为这个DIV需要清除浮动。
<map></map>是图片上的热区，我由此判断你在学习CSS之前没有很好的熟悉HTML的基本标签，建议你先熟悉HTML的基本标签，你可以用DW，插入一个图片，然后鼠标点中图片，左下角属性中有个三个形状的热区，你尝试做一下，再看看代码就OK了。
祝你早日成为CSS高手！

热心网友 时间：2022-04-19 10:54

有空格的用法没用过，map标签倒是经常用，用来在图片上绘制热点的，在dreamweaver里选择设计视图，点击目标图片，找下面的热点工具，点中后可在图片上绘制一个区域，并可给这个图片区域添加链接。shape定义的是你热区的形状，coords后面跟的是决定这个热区的坐标，href就不用说了，就这块热区链接的网址。

热心网友 时间：2022-04-19 12:45

class="header clearfix",是这个div标签引用了header和clearfix两个css样式