欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 > 教程文档 > HTML > 链接标志

链接标志

2018-05-11 617 收藏 0 赞一个 0 真差劲 0 去评论

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

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

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

<a href="http://xld.home.chinaren.net/">这是我的网站</a>

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

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

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

<a href="http://xld.home.chinaren.net/"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>
<palign="center"style="font-size:9pt;color:yellow;background:black"><br>
<aname="Top"><fontcolor="red">创建标签处</font></a><br>
<br>
<br>
欢迎想要学习网页制作的同学访问我的网站<br>
<ahref="http://www.bianceng.cn/"target="_self"><fontcolor="lime">http://www.bianceng.cn/</font><br>
<br>
<imgsrc="http://www.bianceng.cn/hjc/logo468_60.gif"
alt="欢迎访问&quot;网页制作&quot;"border="0"width="468"height="60"></a><br>
<br>
本网站的主要内容<br>
<br>
<ahref="index.htm"target="_self"><fontcolor="white">Html教程</font></a><br>
<br>
<ahref="../Dreamweaver/index.htm"target="_self"><fontcolor="white">Dreamveawer教程</font></a><br>
<br>
<ahref="../ASP/index.htm"target="_self"><fontcolor="white">ASP教程</font></a><br>
<br>
JavaScript教程<br>
<br>
VBScript教程<br>
<br>
<ahref="../Flash/index.htm target="_self"><font color="white"> Flash教程</font></a><br>
<br>
我要留言<br>
<br>
作者介绍<br>
<br>
<br>
欢迎给我来信,我的E-Mail是:  
<ahref="mailto:mali2004abc@126.com"><fontcolor="lime">mali2004abc@126.com</font></a><br>
<br>
<ahref="#Top"><fontcolor="lime">点击此处回到标签处</font></a><br>
<br>
</p>
</body>
</html>

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

20150129042357_72902.jpg

返回主目录
暂无界面图片

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。

三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!

四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.

五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源,请注明转载来自并附带链接

七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com

大家评论