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

 时间:2026-04-22 03:49:08

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

  • mysql怎么创建表
  • 如何给数据库的表添加数据?
  • HTML怎么实现网页跳转
  • HTML网页制作:[20]制作浮动效果
  • 如何建立数据库
  • 热门搜索
    我让妈妈露笑脸手抄报 生活中的小窍门手抄报 拒绝垃圾食品手抄报 我的青春我做主手抄报 三国演义手抄报内容 爱国主义手抄报内容 争做最美少年手抄报 小学法制教育手抄报 二年级手抄报内容 感恩英语手抄报内容