若何制作超链接,网页制作超链接教程,店铺引流的两大基本方法

一.通俗链接

首先,做一个通俗的网页,并且在网页中插入一张图片。

代码入下:

<html>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<title>无标题文档</title>

</head>

<body>

<img src=”./test.jpg”>

</body>

</html>

HTML网页制作:[3]若何给图片添加超链接

2.若何添加超链接呢?这就要用到<a>标签来完成。

那么,若何给图片添加超链接呢?只要把<img>标签放在<a>和</a>之间就可以了。

而a标签又有一个参数:href.该参数用来指定链接的地址,假设我们要链接到百度。那么更改代码如下:

<html>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<title>无标题文档</title>

</head>

<body>

<a href=”http://www.baidu.com”><img src=”./test.jpg”></a>

</body>

</html>

HTML网页制作:[3]若何给图片添加超链接

3.保留后点击该网页。之后,点击网页上图片。看,乐成毗邻到了百度。

HTML网页制作:[3]若何给图片添加超链接

4.上诉步骤,有一个要点!

href的值不能使www.baidu.com。否则会失足。必须要写绝对地址http://www.baidu.com才可以!

二.热区链接

上诉时最通俗的链接方式,实在要有一种更高级的毗邻方式。

在HTML中,可以把图片划分为多个热门区域,然后让每一个热门区域划分链接到差别的地方!

网上推广平台可靠吗,推广赚佣金的平台推荐

厉害吧!

请看代码:

<html>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<title>无标题文档</title>

</head>

<body>

<img src=”./test.jpg” usemap=”#mymap”>

<map name=”mymap”>

<area shape=”rect” coords=”0,0,20,20″ href=”http://www.baidu.com” title=”梅园”>

<area shape=”rect” coords=”30,30,20,20″ href=”http://mail.163.com” target=”_blank” title=”a园”>

</map>

</body>

</html>

HTML网页制作:[3]若何给图片添加超链接

下面来剖析代码:

1)<img src=”./test.jpg” usemap=”#mymap”>

意思是,在该图片中,使用名为mymap的映射图像名称。

2)<map name=”mymap”>

意思是,界说热区图像,名称为mymap

3)<area shape=”rect” coords=”0,0,20,20″ href=”http://www.baidu.com” title=”梅园”>

意思是,对map的一个热区点举行界说。rect代表矩形,coords代表热区图标,href为需要毗邻的地址。

OK,剩下的语法都没什么好说的了。

接着,打开网页,可以发现,当把鼠标放在左上角的时刻,鼠标会酿成“手”的形状。点击,变会进入响应的链接。

固然,下图标的并不太准确,但大概是这么个位置,供参考。

HTML网页制作:[3]若何给图片添加超链接

这里再弥补一点:

shape的取值可以有多个:

1)rect:刚用了,代表矩形,他后面的坐标为4个,前两个为坐上坐标(x,y),后两个为右下坐标

2)circle:圆形的坐标。后面的坐标为3个。前两个为圆形的坐标,最后一个为半径。

固然,另有许多其他的,就不列举了,所谓边越多,则坐标越多,不难理解吧。

本文来源于自互联网,不代表n5网立场,侵删。发布者:虚拟资源中心,转载请注明出处:https://www.n5w.com/111118.html

(0)
打赏 微信扫一扫 微信扫一扫
虚拟资源中心虚拟资源中心网络小白
上一篇 2020年6月21日 18:50
下一篇 2020年6月21日 18:50

相关推荐

联系我们

电话:

在线咨询:点击这里给我发消息

邮件:@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

公众号