设置链接

首页 > HTML基础知识 > 设置链接

目录

链接到其他网站的页面

要链接到其他的网站可以这样写。

<a href="http://www.baidu.com/">百度</a>

点击后会打开百度的页面。

百度

链接到自己网站的页面

举例来说,链接到 http://www.yyy.zzz/aaa/bbb/ccc.html 这个网页。一般来说这个网址的意思是 www.yyy.zzz 服务器下面的 aaa 文件夹里的 bbb 文件夹里的名字叫 ccc.html 的文件。

<a href="http://www.yyy.zzz/aaa/bbb/ccc.html">网页</a>

如果这个网页在同一个服务器上的话,http://~ 可以省略。

<a href="/aaa/bbb/ccc.html">网页</a>

如果在同一个文件夹下的话,连 /~...~/ 都可以省略。

<a href="ccc.html">网页</a>

链接的相对目录

举例来说,HTML文件的路径如下。(□ 为文件夹,◇ 为HTML文件)

□
├□ foo
│├◇ aaa.html
│├◇ bbb.html
│└□ bar
│ └◇ ccc.html
├□ bee
│└◇ ddd.html

要从 aaa.html 链接到 bbb.html 需要这样写。

<a href="bbb.html">链接</a>

要从 aaa.html 链接到 ccc.html 需要这样写。

<a href="bar/ccc.html">链接</a>

要从 aaa.html 链接到 ddd.html 需要这样写。点点(..)是上一层目录的意思。

<a href="../bee/ddd.html">链接</a>

链接到文件夹

链接也可以指向文件夹。

<a href="../bee/">链接</a>
<a href="http://xxx.yyy.zzz/cat/">链接</a>

这样写的话,通常会指向这个文件夹里的默认文件,比如 index.html、index.htm、default.htm 等等。(具体要看服务器的设置)

如果这个文件夹里不存在默认文件,那就会显示这个文件夹里的文件一览。(这个也要看服务器的设置,有些服务器无法显示)

移动到页面的特定位置

可以把链接设置为移动到页面上的特定的位置。首先用<a name="名字">~</a>给目的地起名。这时浏览器的显示效果完全没有变化。一旦点击<a href="#名字">~</a> 的链接,就会移动到这个名字的地方。

<a name="ziji">链接到自己网站的页面</a>
     :
→ <a href="#ziji">链接到自己网站的页面</a>

点击下面这个链接试试。

链接到自己网站的页面

移动到其他网站、其他文件夹的文件中的特定地方,方法如下。

<a href="http://www.yyy.zzz/aaa.html#Link">链接</a>

用新窗口打开链接

在链接里设置 target 属性,可以用新窗口打开链接。

<a target="_blank" href="http://www.baidu.com/">百度</a>

点击下面这个链接试试。

百度