如何制作超链接,网页制作超链接教程
一.一般联系
首先,制作一个普通的网页,并在其中插入一张图片 。
代码输入:
无标题文档
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 。前两个是圆坐标,最后一个是半径 。
【如何制作超链接,网页制作超链接教程】当然还有很多,我就不一一列举了 。边越多,坐标越多 。不难理解 。
推荐阅读
- 马云创业故事分享,看看他是如何成为中国首富的
- |职场随笔152:如何应用“5S”(三)整理(SEIRI)需要做什么
- 如何寻找创业伙伴,创业伙伴的三个基本条件
- 石家庄如何做好网络营销,常见网络营销推广方法
- 如何提高网站的排名,提高网站的访问率的基本方法
- 网站如何优化排名,快速提升排名的几个技巧
- 有了源码该如何使用,网站源码优化教程
- 创业板如何开户,盘点其开户规则及条件
- 互联网创业项目推荐,新手如何进行互联网项目
- 如何选择企业建站程序,企业免费建站系统推荐
