HTML 超级链接实例

最新推荐文章于 2025-05-30 20:14:27 发布

sen9ob

最新推荐文章于 2025-05-30 20:14:27 发布

阅读量226

点赞数

分类专栏： C 文章标签： HTML Web 框架浏览器

C 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了如何在HTML中创建各种类型的超链接，包括文本链接、图像链接、新窗口链接、内部链接及电子邮件链接等，并提供了示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建超链接

<html>

<body>

<p>
<a href="/index.html">
This text</a> is a link to a page on 
this Web site.
</p>

<p>
<a href="http://www.microsoft.com/">
This text</a> is a link to a page on 
the World Wide Web.
</p>

</body>
</html>

图像超链接

<html>

<body>
<p>
You can also use an image as a link:
<a href="/example/html/lastpage.html">
<img border="0" src="/i/eg_buttonnext.gif" width="65" height="38">
</a>
</p>

</body>
</html>

在新的浏览器窗口打开链接

<html>

<body>

<a href="/example/html/lastpage.html" target="_blank">Last Page</a> 

<p>
If you set the target attribute of a link to "_blank",
the link will open in a new window.
</p>

</body>
</html>

链接到同一个页面的不同位置

<html>

<body>

<p>
<a href="#C4">See also 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>

<body>

<p>Locked in a frame?</p> 

<a href="http://www.w3school.com.cn/"
target="_top">Click here!</a> 

</body>
</html>

创建电子邮件链接

<html>

<body>

<p>
This is a mail link:
<a href="mailto:someone@microsoft.com?subject=Hello%20again">
Send Mail</a>
</p>

<p>
<b>Note:</b> Spaces between words should be replaced by %20 to <b>ensure</b> that the browser will display your text properly.
</p>

</body>
</html>

创建电子邮件链接 2

<html>

<body>

<p>
This is another mailto link:
<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!">Send mail!</a>
</p>

<p>
<b>Note:</b> Spaces between words should be replaced by %20 to <b>ensure</b> that the browser will display your text properly.
</p>

</body>
</html>