
一.热门链接
首先,制作一个受欢迎的网页,并在其中插入一张图片。
代码输入:
lthtml gt
lthead gt
ltmeta http-equiv = ” Content-Type ” Content = ” text/html;charset = utf-8 “/ >
lttitle gt无标题文档
lt/head gt;
ltbody gt
lt;img src=”./test.jpg”gt; ltimg src= “。/test . jpg ” gt;
lt/body gt;
lt/html gt;
2.如何添加超链接?这将使用
那么,若何给图片添加超链接呢?只要把lt;imggt;标签放在lt;agt;和lt;/agt;之间就可以了。那么,如何给图片添加超链接呢?只是把
A标签还有一个参数:href。这个参数用来指定链接的地址,假设我们要链接到百度。然后按如下方式更改代码:
lthtml gt
lthead gt
ltmeta http-equiv = ” Content-Type ” Content = ” text/html;charset = utf-8 “/ >
lttitle gt无标题文档
lt/head gt;
ltbody gt
lt;a href=”http://www.baidu.com”gt;lt;img src=”./test.jpg”gt;lt;/agt; lta href = ” http://www . Baidu . com ” gt; ltimg src= “。/test . jpg ” gt; lt/a gt;
lt/body gt;
lt/html gt;
3.预订后点击网页。之后,点击网页上的图片。你看,乐城毗邻百度。
4.上诉程序有一个重要的点!
href的值不能使www.baidu.com。否则,你会滑倒。你必须写下http://www.baidu.com的绝对地址!
二。Hotzone链接
上诉中最流行的链接方式确实需要一种更高级的方式来邻近。
在HTML中,你可以把图片分成几个热门区域,然后让每个热门区域分成不同的地方!
线上推广平台靠谱吗?建议推广赚佣金的平台。
牛逼!
看看代码:
lthtml gt
lthead gt
ltmeta http-equiv = ” Content-Type ” Content = ” text/html;charset = utf-8 “/ >
lttitle gt无标题文档
lt/head gt;
ltbody gt
lt;img src=”./test.jpg” usemap=”#mymap”gt; ltimg src= “。/test . jpg ” usemap = ” # mymap ” gt;
ltmap name = ” mymap ” gt
ltArea shape = “rect” coords = “0,0,20,20 ” href = ” http://www . Baidu . com ” title = ” Meiyuan ” >
ltArea shape = “rect” coords = “30,30,20 ” href = ” http://mail . 163 . com ” target = ” _ blank ” title = ” A Garden ” >;
lt/map gt;
lt/body gt;
lt/html gt;
让我们分析一下代码:
1)lt;img src=”./test.jpg” usemap=”#mymap”gt;1) lt;img src= “。/test . jpg ” usemap = ” # mymap ” gt;
这意味着在这个图片中,使用了一个名为mymap的映射图像名称。
2) lt;map name = ” mymap ” gt
它的意思是,定义热点图像,并将其命名为mymap。
3) lt;Area shape = “rect” coords = “0,0,20,20 ” href = ” http://www . Baidu . com ” title = ” Meiyuan ” >
这意味着定义地图的热点。Rect代表矩形,coords代表热区图标,href是需要相邻的地址。
好了,剩下的语法就没什么好说的了。
然后当你打开网页的时候,你会发现当你把鼠标放在左上角的时候,鼠标会变成一个“手”的形状。点击,变更将进入响应链接。
当然,下面的图标不是很准确,但大概就是这样一个位置,供参考。
来这里是为了弥补另一件事:
形状可以有多个值:
1)rect:刚用过,代表长方形。后面的坐标是四个,前两个是上坐标(x,y),后两个是右下坐标。
2)圆:圆的坐标。下面的坐标是三。前两个是圆坐标,最后一个是半径。
当然还有很多,我就不一一列举了。不难理解,边越多,坐标越多。