首页 > HTML 实例

HTML 链接实例

发表于2015-05-27 14:23:22| --次阅读| 来源webkfa| 作者哈哈

摘要:HTML 链接实例
创建超级链接
本例演示如何在 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>
创建电子邮件链接 2
本例演示更加复杂的邮件链接。
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>

相关文章

相关文章

在线代码浏览器 关闭浏览
友情链接: hao123 360导航 搜狗网址导航 114啦网址导航 博客大全
Copyright © 1999-2014, WEBKFA.COM, All Rights Reserved  京 ICP 证 14034497 号