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

2025-10-23 07:40:23

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

基本语法:

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

简单吧。

2、举个例子。

首先,看下小编的目录。

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

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

3、先看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]创建超链接的方法

4、看下hello.html的效果图

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

5、点击上面的链接后,将会链接到www.html上。

www.html的效果图:

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

6、当然,还有一些属性需要注意:

<a href="链接的目标" target="yyy">显示的字样</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://,会认为这是一个内部链接,而你本地是没有百度页面的,所以不可能找到。

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

4、来看下正确的代码:

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

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

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

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢