如何制作超链接,网页制作超链接教程

一.一般联系
首先,制作一个普通的网页,并在其中插入一张图片 。
代码输入:

无标题文档


2.如何添加超链接?这是用标签完成的 。
那么,如何给图片添加超链接呢?只需将标签放在和之间 。
A标签还有另一个参数:href 。这个参数用来指定链接的地址,假设我们要链接到百度 。然后按如下方式更改代码:

无标题文档


3.保存后点击网页 。之后,点击网页上的图片 。看,我成功连接百度了 。
4.申诉步骤,有一个重点!
href的值不能使www.baidu.com 。否则就会出问题 。你必须写下http://www.baidu.com的绝对地址!
二 。热点链接
其实链接一个诉求最常见的方式就是有更高级的连接方式 。
在HTML中,你可以把一张图片分成几个热点,然后把每个热点链接到不同的地方!
厉害!
请看代码:

无标题文档




下面我们来分析一下代码:
1)
也就是说,在这张图片中,使用了名为mymap的映射图像名称 。
2)
也就是说,用名称mymap定义热区图像 。
3)
意思是,定义地图的一个热点 。Rect代表矩形,coords代表热点图标,href是要连接的地址 。
好了,剩下的语法没什么好说的了 。
然后当你打开网页的时候,你可以发现当你把鼠标放在左上角的时候,鼠标会变成一个“手”的形状 。点击它,它会进入相应的链接 。
当然,下面的图标不是很准确,但大概就是这样一个位置,供参考 。
这里再补充一点:
形状可以有多个值:
1)rect:刚用过,代表长方形 。后面有四个坐标,前两个是上坐标(x,y),后两个是右下坐标 。
2)圆:圆的坐标 。以下坐标为3 。前两个是圆坐标,最后一个是半径 。
【如何制作超链接,网页制作超链接教程】当然还有很多,我就不一一列举了 。边越多,坐标越多 。不难理解 。


    推荐阅读