HTML网页制作:[9]创建超链接的方法
1、内部链接是链接到本地的页面。
基本语法:
<a href="将要链接的地址">需要显示的字符</a>
简单吧。
2、举个例子。
首先,看下小编的目录。
其中,hello.html是主页面,我将在其中做一个链接,让他链接到另一个网页www.html上。
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的页面
4、看下hello.html的效果图
5、点击上面的链接后,将会链接到www.html上。
www.html的效果图:
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://,会认为这是一个内部链接,而你本地是没有百度页面的,所以不可能找到。
4、来看下正确的代码:
<body><a href="http://www.baidu.com">链接</a></body></html>
5、点击“链接”后,发现可以正确连接到百度页面。成功。