html 如何指定大图片的一小部分作为超链接?

html 如何指定大图片的一小部分作为超链接?
还有,如何指定大图片的一小部分显示数据?

如图 “显示几个字 ”的位置显示几个字 “退出”作为注销的超链接

---------------------------------------
| |
| |
| 显示几个字 退出 |
---------------------------------------
---------------------------------------
|-------------------------------------|
|-------------------------------------|
|---------显示几个字--------退出------|
---------------------------------------

---代表其他图片部分

百度居然TRIM掉空格 太可恶了

第1个回答  2009-02-26
<body>
<img src="help_04.gif" width="476" height="344" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="68,79,240,203" href="test.htm">
</map>
</body>

在html文档的图片代码里,写上“usemap="#map"”,其中#map是地图名字,可更换,只要与下面的代码一致。

下面的<map name="Map">与</map>中间的代码就是要做成链接的区域在图片上的具体位置,4个数字分别是区域的4个角与图片左上角的相对距离(像素)。

这个功能在DW里非常容易实现。在“设计”模式下,选中图片,左下“属性”里就会出现“地图”,一看就懂

给你说这么多,看懂了没?本回答被提问者采纳
第2个回答  2009-02-26
dw里有这个工具,就叫地图

怎样用HTML代码在图片插入超链接
1、图像链接 图片超链接和文字超链接是一样的,在图像上插入链接:点击图片,跳转页面:<a><\/a>之间插入<img\/>元素。如:<a href="超链接地址"><img src="路径" alt="替代文本"><\/a>。(如图)2、局部链接 在某种情况下,我们不希望整张图片加链接。希望的效果是:点击图片某个区域,链接...

如何在一张图片上指定地方设置超链接
主要通过HTML标签 <img> 定义图像。<map> 定义图像地图。<area> 定义图像地图中的可点击区域。来实现。关键技术是通过img 标签的ismap 、usemap属性,配合map、area标签实现。area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。<img>中的 usemap 属性可引用 <map> 中的...

如何在图片上加超链接,求HTML代码
1、实现超链接的代码:<a href="跳转的地址"> 超链接<\/a>,例如:2、实现图片加载的代码:<img src="图片地址" alt="" \/>,例如:3、综合起来,在图片上加超链接:<a href="跳转的超链接地址"> <img src="1.jpg" \/> <\/a> 代码如下:...

如何在html中添加的图片上设置超链接
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。2、在index.html中的<body>标签中的<img>标签代码替换为:<a href="\/\/zhidao.baidu.com"><img src="small.png"><\/a>。3、浏览器运行index.html页面,此时图片上被设置了超链接。

HTML如何设置图片超链接,代码要怎么写?
在一个<a>标签中加上一个<img>标签内容,即可让该<img>拥有一个超链接。然后可以在后面继续写文字,此文字就会显示成超链接,点击该文字即可进入超链接。下面实例:<a href="www.baidu.com"> <img border="0" src="\/i\/eg_buttonnext.gif" \/><\/a> ...

怎么给网页上的一个大图里的几个小图同时加上链接了
这是利用html代码中的 图像映射 <area>标签.你所描述的不是一个大图里面有小图,而就是一个图,然后用坐标系和形状将这个图指定区域,确定了区域就可以超链接到一个地址上.具体看下area标签.很简单的.坐标系是按图片左上角为(0,0),多试试几次就找到固定点了.形状一般是方形和圆形.方形用2个坐标...

Dreamweaver如何进行图片局部超链接?
1、首先在电脑上安装并启动dreamweaver软件,然后点击“HTML”选项。2、然后在出现的界面中,点击“设计”选项进入设计视图。3、然后在菜单选项“插入”的下拉菜单中,点击“图像”选项。4、然后选择需要局部设置超链接的图片导入,切换到拆分视图,鼠标点击图片,选中。此时,会在下面属性看到图像热点区的...

HTML中怎么给元素设置一个超链接?
给网页中的一个元素(如:图片)添加超链接,可以让你点击该元素的同时,跳转到相应的网页或其他。一般遵照以下步骤:1、首先,做一个普通的网页,并且在网页中插入一个元素,以图片为例。代码入下:<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN""http:\/\/www.w3.org\/TR\/...

HTML如何设置图片超链接,代码要怎么写?
你可以通过把某元素嵌套进a元素使其变成一个链接。把你的图片嵌套进a元素。举例如下:<a href="#"><img src="\/images\/relaxing-cat.jpg"><\/a>超链接是网页中的重要元素,超链接能使浏览者从一个页面跳转到另一个页面,实现文档和网页的互联工作。了解超链接前还需要知道绝对路径和相对路径的概念...

如何在图片或文字上做超级链接
1、首先我们需要将地图图片准备好。2、然后打开dreamweaver、新建文件html后缀名。名称为ceshi.html。3、我们点击插入——图片 4、其次我们找到桌面上准备好的地图图片,点击确定 5、然后我们在切换到设计视图 6、选中图片、在属性面板中找到如下图标 7、选用第一个工具,在相应的省份上框选大致位置,点击...

相似回答