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

来源：互联网 2023-03-16 19:19:39 304

超链接，可以说是HTML中基本也是最重要的特征之一，方便进行多页面的跳转。比如通过网络看新闻，那简直是看无止境，那链接是无论如何也点不完了。本篇，小编就教你如何在网页中添加超链接。

链接包括许多种，这里介绍最常用的两种：

1）内部链接：链接到本地页面

2）外部链接：链接到外部的页面，比如百度啊、谷歌啊之类的。

工具/原料

一台电脑
dw或者TXT等

一.内部链接

内部链接是链接到本地的页面。

基本语法：

a href="将要链接的地址">需要显示的字符/a>

简单吧。

举个例子。

首先，看下小编的目录。

其中，hello.html是主页面，我将在其中做一个链接，让他链接到另一个网页www.html上。

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

2相关内容未经许可获取自百度经验

先看hello.html的代码

html xmlns="http://www.w3.org/1999/xhtml">

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的页面

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

看下hello.html的效果图

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

点击上面的链接后，将会链接到www.html上。

www.html的效果图：

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

当然，还有一些属性需要注意：

a href="链接的目标" target="yyy">显示的字样/a>

yyy = "-self" 在当前页面打开

= “-blank” 在一个新的页面打开

当然，还有许多其他的内容，等待着你去挖掘、

二.外部链接

外部链接的意思是，链接到外部的网页，比如百度啊，谷歌啊。

a href="http://xxx.xxx.xxx">显示的字样/a>

需要注意，"http://"这个必须加上。

举个错误的例子。

看代码：

body>a href="www.baidu.com">链接/a>/body>/html>

许多朋友会这样写，就是没有带http://

OK，来看下效果，根本找不到百度页面。

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

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

来看下正确的代码：

body>a href="http://www.baidu.com">链接/a>/body>/html>

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

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

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

添加滚动效果|下一篇：

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： HTML 超链接

上一篇：html网页制作入门：[1]怎么制作一个网页下一篇：如何使用最酷网免费制作HTML5云场景

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

工具/原料

一.内部链接

二.外部链接

热门文章

标签列表