HTML入门教程(六)

六、链接标志


1.<a href=""></a>

2.<a name=""></a>


    
教程六的内容不是很多,而且很简单。链接是Html语言的一大特色,正因为有了它,我们对内容的浏览才能够具有灵活性和网络性。



1.<a href=""></a>

    本标志对的属性href是无论如何不可缺少的,标志对之间加入需要链接的文本或图像(链接图像即加入<img 
src="">标志)。href的值可以是URL形式,即网址或相对路径,也可以是mailto:形式,即发送E-Mail形式。对于第一种情况,语法为<a 
href="URL"></a>
,这就能创建一个超文本链接了,例如:

    <a href="http://free.2259.com">一个网站教学网站</a>

    对于第二种情况,语法为<a href="mailto:EMAIL"></a>,这就创建了一个自动发送电子邮件的链接,mailto:后边紧跟想要制动发送的电子邮件的地址(即E-Mail地址),例如:

    <a href="mailto:123456@263.net">这是我的电子信箱(E-Mail信箱)</a>

    此外,<a href=""></a>还具有target属性,此属性用来指明浏览的目标帧,我们将在讲帧标志时作详细的说明,这里您只要知道如果不使用target属性,当浏览者点击了链接之后将在原来的浏览器窗口中浏览新的Html文档,若target的值等于“_blank”,点击链接后将会打开一个新的浏览器窗口来浏览新的Html文档。例如:

    <a href="http://free.2259.com" target="_blank">一个网站教学网站</a>



2.<a name=""></a>

    <a name=""></a>标志对要结合<a href=""></a>标志对使用才有效果。<a 
name=""></a>标志对用来在Html文档中创建一个标签(即做一个记号),属性name不可缺少的,它的值也即是标签名,例如:

    <a name="标签名">此处创建了一个标签</a>

    创建标签是为了在Html文档中创建一些链接,以便能够找到同一文档中的有标签的地方。要找到标签所在地,就必须使用<a 
href=""></a>标志对。例如要找到“标签名”这个标签,就要编写如下代码:

    <a href="#标签名">点击此处将使浏览器跳到“标签名”处</a>

    注意:href属性赋的值若是标签的名字,必须在标签名前边加一个“#”号。



    下面是本教程的一个综合示例:



例7 链接标志的综合示例

<html>

<head>

<title>链接标志的综合示例</title>

</head>



<body>

<p align="center" 
style="font-size:9pt;color:yellow;background:black"><br>

<a name="Top"><font color="red">创建标签处</font></a><br>

<br>

<br>

欢迎想要学习网页制作的同学访问以下网站<br>

<a href="http://free.2259.com" target="_blank"><font 
color="lime">http://free.2259.com</font></a><br>

<br>

<a href="http://www.ad8.com.cn" target="_blank"><img src="http://www.21shipin.com/img/javascript/20088813252779677801.gif"

alt="网站空间 域名注册" border="0" width="468" height="60"></a><br>

<br>

本网站的主要内容<br>

<br>

<a href="http://free.2259.com" target="_blank">Html教程</a><br>

<br>

<a href="http://free.2259.com" target="_blank">网页特效</a><br>

<br>

<br>

欢迎给我来信,我的E-Mail是:

<a href="mailto:123456@263.net"><font 
color="lime">123456@263.net</font></a><br>

<br>

<a href="#Top"><font color="lime">点击此处回到标签处</font></a><br>

<br>

</p>

</body>

</html>



    本例在浏览器中显示的结果如下:




创建标签处





欢迎想要学习网页制作的同学访问以下网站

http://free.2259.com



<img src="http://www.21shipin.com/img/javascript/20088813252779677801.gif"
alt="网站空间 域名注册" border="0" width="468" height="60">



本网站的主要内容



Html教程



网页特效





欢迎给我来信,我的E-Mail是:
123456@263.net



点击此处回到标签处




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值