超链接有外部链接、电子邮件链接、锚点链接、空链接、脚本链接
一、内部链接
与自身网站页面有关的链接被称为内部链接
1、创建内部链接
1)语法:
<a href="链接地址">
……
</a>
2)举例应用:
3)实操代码:
<body>计算:
<p>
1.<a href="1"> 1+1=?</a></p>
<p>
2.<a href="2">2+2=?</a></p>
<p>
3.<a href="3">3+3=?</a></p>
</body>
2、链接的目标窗口
简介:在创建网页的过程中,默认情况下超链接在原来的浏览器窗口中打开,可以使用 target属性来控制打开的目标窗口
1)语法:
_self 在当前页面中打开链接
_blank 在一个全新的空白窗口中打开链接
_top 在顶层框架中打开链接,也可以理解为在跟框架中打开链接
_parent 在当前框架的上一层里打开链接
new 在一个全新的空白窗口中打开链接
二、锚点链接
网站中经常会有一些文档页面由于文本或者图像内容过多,。导致页面过长,为了方便用户查看文档中的内容在文档中需要进行锚点链接。
1、情景模拟:点击2+2的链接,跳转到答案4
2、步骤和语法:
1)建立锚点
<a name="锚点的名称”></a>
2、链接同一页面中的锚点
<a href="#锚点的名称”></a>
3、链接到其他页面的锚点
首先在同一个目录下新建一个答案页面的html文件:
<a href="链接的文件地址#锚点的名称”></a>
3、锚点演示代码:
<hr>
计算:
<p>
1.<a href="#1" > 1+1=?</a></p>
<p>
2.<a href="#2" target="_parent">2+2=?</a></p>
<p>
3.<a href="答案页面.html#3" target="new">3+3=?</a></p>
<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br><br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
<a name="1">2</a>
<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br><br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
<a name="2">4</a>
<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br><br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
<a name="3">6</a>
三、外部链接
简介:外部链接是指跳转到当前网站之外的资源:网页中最常用的是利用HTTP协议进行的外部链接是设置友情链接
1、基本语法
<a href="http://……">……</a>
2、友情链接演示效果:
3、友情链接演示代码:
<hr>
<p>友情链接:</p>
<p><a href="http://www.baidu.com">百度</a></p>
<p><a href="http://www.sina.com">新浪</a></p>
<p><a href="https://www.csdn.net/">CSDN</a></p>
四、链接到Email
1、简介:
在网页上创建Email链接,当浏览者点击Email链接时,收件人的邮件地址有Email超链接中指定的地址自动更新无需浏览者输入
2、语法:
<a href="mailto:邮件地址”……</a>
3、点击结果:
4、演示代码
<hr>
<p> Email链接</p>
<p><a href="mailto:CYDBUSINESS@OUTLOOK.COM">感谢您的收看,点击此处可以联系小编</a></p>
五、链接到ftp
1、简介:
Ftp是指文件传输协议,一个ftp站点通常包含一些容易上传和下载文件的文件目录。大部分的ftp网站需要一个用户名和密码来进入网站
2、语法:
<a href="ftp://ftp地址">……</a>
3、点击结果:
4、演示代码:
<a href="ftp://ftp.tsinghua.edu.cn">进入清华大学的ftp网站</a>
六、链接到telnet
1、简介:
telnet,常常用来登录一些bbs网站也是一种远程登录方式
2、语法:
<p><a href="telnet://地址">……</a></p>
七、下载文件
1、简介:
如果要在网站中提供下载资料,就是要为文件提供下载链接。如果超链接指向的不是一个网页文件,而是其他zip,mp3,a4v,exe等文件,单机链接的时候就会下载文件
2、语法
<p><a href="文件地址"></a></p>
3、 效果:
4、演示代码:
<hr>
<p><a href="MOHA.mp3">MOHA音乐</a></p>