HTML入门教程(六)

本是古典何须时尚 2022-08-26 04:53 150阅读 0赞

六、链接标志

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> 
 
 
 
<a name="Top">创建标签处</a> 
 
 
 
 
 
欢迎想要学习网页制作的同学访问以下网站 
 
<a href="http://free.2259.com" target="\_blank"><font  
color="lime">http://free.2259.com</a> 
 
 
 
<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> 
 
 
 
本网站的主要内容 
 
 
 
<a href="http://free.2259.com" target="\_blank">Html教程</a> 
 
 
 
<a href="http://free.2259.com" target="\_blank">网页特效</a> 
 
 
 
 
 
欢迎给我来信，我的E-Mail是： 
 
<a href="mailto:123456@263.net"><font  
color="lime">123456@263.net</a> 
 
 
 
<a href="\#Top">点击此处回到标签处</a> 
 
 
 
 
 
</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 
 
 
 
点击此处回到标签处