HTML 链接实例
摘要：HTML 链接实例
创建超级链接
本例演示如何在 HTML 文档中创建链接。
将图像作为链接
本例演示如何使用图像作为链接。
在新的浏览器窗口打开链接
本例演示如何在新窗口打开一个页面，这样的话访问者就无需离开你的站点了。
链接到同一个页面的不同位置
本例演示如何使用链接跳转至文档的另一个部分
跳出框架
本例演示如何跳出框架，假如你的页面被固定在框架之内。
创建电子邮件链接
本例演示如何如何链接到一个邮件。（本例在安装邮件客户端程序后才能工作。）
创建电子邮件链接 2
本例演示更加复杂的邮件链接。
本例演示如何在 HTML 文档中创建链接。
html代码
运行代码
<html> <body> <p> <a href="http://www.webkfa.com">本文本</a> 是一个指向本网站中的一个页面的链接。</p> <p><a href="http://www.webkfa.com">本文本</a> 是一个指向万维网上的页面的链接。</p> </body> </html>
本例演示如何使用图像作为链接。
html代码
运行代码
<html> <body> <p> 您也可以使用图像来作链接： <a href="http://www.webkfa.com"> <img border="0" src="http://www.w3school.com.cn/i/eg_buttonnext.gif" /> </a> </p> </body> </html>
本例演示如何在新窗口打开一个页面，这样的话访问者就无需离开你的站点了。
html代码
运行代码
<html> <body> <a href="http://www.webkfa.com/" target="_blank">webkfa.com!</a> <p>如果把链接的 target 属性设置为 "_blank"，该链接会在新窗口中打开。</p> </body> </html>
本例演示如何使用链接跳转至文档的另一个部分
html代码
运行代码
<html> <body> <p> <a href="#C4">查看 Chapter 4。</a> </p> <h2>Chapter 1</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 2</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 3</h2> <p>This chapter explains ba bla bla</p> <h2><a name="C4">Chapter 4</a></h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 5</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 6</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 7</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 8</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 9</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 10</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 11</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 12</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 13</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 14</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 15</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 16</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 17</h2> <p>This chapter explains ba bla bla</p> </body> </html>
本例演示如何跳出框架，假如你的页面被固定在框架之内。
html代码
运行代码
<html> <body> <p>被锁在框架中了吗？</p> <a href="http://www.webkfa.com/one4/w508.html" target="_top">请点击这里！</a> </body> </html>
本例演示如何如何链接到一个邮件。（本例在安装邮件客户端程序后才能工作。）
html代码
运行代码
<html> <body> <p> 这是邮件链接： <a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a> </p> <p> <b>注意：</b>应该使用 %20 来替换单词之间的空格，这样浏览器就可以正确地显示文本了。 </p> </body> </html>
本例演示更加复杂的邮件链接。
html代码
运行代码
<html> <body> <p> 这是另一个 mailto 链接： <a href="mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">发送邮件！</a> </p> <p> <b>注意：</b>应该使用 %20 来替换单词之间的空格，这样浏览器就可以正确地显示文本了。 </p> </body> </html>
相关文章