html---5.超链接_630495835-优快云博客

本文介绍了超链接的基础知识，包括绝对路径与相对路径的区别，以及如何创建超链接，涉及目标窗口设置、内部链接、书签链接、外部链接（HTTP/FTP/Email/下载）和特殊链接如脚本与空链接。详细讲解了链接的各种用法和实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

5.1超链接的基本知识

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
超链接是网页页面中重要的元素之一
绝对路径:主页上的文件或目录在硬盘上的真正的路径,使用绝对路径定位连接目标文件比较清晰,但有两个缺点:
            1.需要输入更多的内容
            2.如果该文件被移动,就需要重新设置i相关的路径
相对路径:最适合网站的内部链接,省略了绝对地址中相同的部分
            1.同一目录下的话,直接如5.1.html
            2.下一级目录的文件,输入目录名,然后加/,在输入文件名,如mr/5.2.html
            3.如果在上一级,则../5.1.html
</body>
</html>

5.2超链接的创建

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
5.2.1超链接标记的基本语法<br>
<a href="../../superlinkUse/Use.html">1.1.html</a>
5.2.2建立文本超链接
<a href="5.1超链接的基本知识.html">5.1.html</a>
5.2.3设置超链接的目标窗口
<!--新建一个窗口-->
<a href="5.1超链接的基本知识.html" target="_blank">_blank</a>
<!--在上一级窗口打开,-->
<a href="5.1超链接的基本知识.html" target="_parent">_parent</a>
<!--在同一级窗口打开-->
<a href="5.1超链接的基本知识.html" target="_self">_self</a>
<!--在浏览器的整个窗口打开,打开会忽略所有的框架结构-->
<a href="5.1超链接的基本知识.html" target="_top">_top</a>
</body>
</html>

5.3内部链接

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
是指在同一个网站内部,不同的HTML之间的链接关系
</body>
</html>

5.4书签链接

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
5.4.1.建立书签,可以实现点击得到答案<br>
<a name="answerA">选择A:曹县</a><br>
    宇宙中心<br>
<hr>
<hr size="450">
<a name="answerB">选择B:新乡</a><br>
    中国纽约
<br>
<hr size="450">
<a name="answerC">选择C:北上广曹</a><br>
    中国经济中心
<hr size="450">
<a href="#answerA">A:曹县</a>
<a href="#answerB">B:新乡</a>
<a href="#answerC">C:北上广曹</a>
<br>
<hr>
</body>
</html>

5.5外部链接

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
5.5.1通过http协议
<a href="http://www.mingribook.com">点击进入明日科技</a>

5.5.2通过FTP
<a href="ftp://221.8.65.74" target="_blank">编程词典个人版更新地址</a>

5.5.3发送email
<a href="mailto: 630495835@qq.com">信息发送</a>

5.5.4下载文件
<a href="Opera_11.52.1000_XiaZaiBa.exe">最新的浏览器下载</a>
</body>
</html>

5.6其他链接

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
5.6.1脚本链接
<a href="javascript: window.close()">关闭浏览器</a>

5.6.2空连接---#单击仍停留在此页面
<a href="#">空连接</a>
</body>
</html>