超链接(Hyper text),按标准叫法称为锚(anchor),使用<a>表示,可以有两种方式:
1. 在文档中创建一个热点,。。。浏览器会自动加载并显示同一文档或其它文档中的某个部分,或触发与某些因特网服务相关的操作。
2. 在文档中创建一个标记,该标记可以被超链接引用。
两个属性:
1. href: <a href="url">Link text</a>
- target属性:定义被链接的文档在何处显示
- <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>(在新窗口)
2. name: <a name="label">Text to be displayed</a>
- <a name="tip2">Useful Tips Section</a>
- 创建向相同文档中“Useful Tips Section" 的链接:<a href="#tips">Visit the Useful Tips Section</a>
- 创建从另一个页面指向该文档中“Useful Tips Section"的链接:<a href="http://www.w3school.com.cn/html_links.htm#tips">Visit the Useful Tips Section</a>
注释:请始终将正斜杠添加到子文件夹:
href="http://www.w3school.com.cn/html"
href="http://www.w3school.com.cn/html/"
实例1:链接到同一个页面的不同位置
<html>
<body>
<p>
<a href="#C4">Go to Chapter 4</a>
</p>
<h2>Chapter 1</h2>
<p>This chapter explains blablabla</p>
<h2>Chapter 2 </h2>
<p>This chapter explains blablabla</p>
<h2>Chapter 3 </h2>
<p>This chapter explains blablabla</p>
<h2><a name="C4">Chapter 4 </a></h2>
<p>This chapter explains blablabla</p>
<h2>Chapter 5 </h2>
<p>This chapter explains blablabla</p>
</body>
</html>
实例2:跳出框架
<html>
<body>
<p>被锁在框架中了吗?</p>
<a href="/index.html" target="_top"请点击这里!</a>
</body>
</html>
实例3:创建电子邮件链接
<html>
<body>
<p>
This is Email address
<a href="mailto:someone@gmail.com?subject=Hello%20friend">Send Email</a>
</p>
<b>Note:</b>应该使用%20来替换单词之间的空格,这样浏览器就可以正确地显示文本了。
</p>
</body>
</html>
实例4:创建电子邮件链接2
<html>
<body>
<p>
This is another mailto link:
<a href="mailto:someone@gmail.com?cc=someone@microsoft.com&bcc=andsomeone@163.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%summer%20party!">Send Email</a>
</p>
<p>
<b>Note:</b>应该使用%20...</p>
</body>
</html>
<b>定义粗体字</b>