HTML网页制作：[9]创建超链接的方法

时间：2024-10-26 18:16:48

超链接，可以说是HTML中基本也是最重要的特征之一，方便进行多页面的跳转。比如通过网络看新闻，那简直是看无止境，那链接是无论如何也点不璜模惜割完了。本篇，小编就教你如何在网页中添加超链接。链接包括许多种，这里介绍最常用的两种：1）内部链接：链接到本地页面2）外部链接：链接到外部的页面，比如百度啊、谷歌啊之类的。

工具/原料

一台电脑

dw或者TXT等

一.内部链接

1、内部链接是链接到本地的页面。基本语法：<a href="将要链接的地址">需要显示的字符</a>简单吧。

2、举个例子。首先，看下小编的目录。其中，hello.html是主页面，我将在其中做一个链接，让他链接到另一个网页www.html上。

3、先看hello.html的代码<html xmlns="http://www.w3.org/1999/xht罪焐芡拂ml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><a href="www.html">链接</a></body></html>其中：<a href="www.html">链接</a>在页面上，将出现“链接”两个字，点击“链接”之后，将会跳转到www.html的页面

4、看下hello.html的效果图

5、点击上面的链接后，将会链接到www.html上。www.html的效果图：

6、当然，还有一些属性需要注意：<a href="链接的目标" target="y烤恤鹇灭yy">显示的字样</a>yyy = "-self" 在当前页面打开 = “-blank” 在一个新的页面打开当然，还有许多其他的内容，等待着你去挖掘、

二.外部链接

1、外部链接的意思是，链接到外部的网页，比如百度啊，谷歌啊。<a href="http://xxx.xxx.xxx">显示的字样</a>需要注意，"http://"这个必须加上。

2、举个错误的例子。看代码：<body><a href="www.baidu.com">链接</a></body></html>许多朋友会这样写，就是没有带http://

3、OK，来看下效果，根本找不到百度页面。因为，你没有加http://，会认为这是一个内部链接，而你本地是没有百度页面的，所以不可能找到。

4、来看下正确的代码：<body><a href="http://www.baidu.com">链接</a></body></html>

5、点击“链接”后，发现可以正确连接到百度页面。成功。