HTML 链接

我们通过使用 <a> 标签在 HTML 中创建链接。

有两种使用 <a> 标签的方式:

  1. 通过使用 href 属性 - 创建指向另一个文档的链接
  2. 通过使用 name 属性 - 创建文档内的书签

 

链接的 HTML 代码很简单。它类似这样: <a href="url">Link text</a>

href 属性规定链接的目标。

开始标签和结束标签之间的文字被作为超级链接来显示


 

 

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

<p>如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。</p>


<p>
<a href="#C4">查看 Chapter 4</a>
</p>


<h2><a name="C4">Chapter 4</a></h2>
<p>This chapter explains ba bla bla</p>


<p>
这是邮件链接:
<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>
</p>

<p>
<b>注意:</b>应该使用 %20 来替换单词之间的空格,这样浏览器就可以正确地显示文本了。
</p>

测试结果:

这是邮件链接: 发送邮件

注意:应该使用 %20 来替换单词之间的空格,这样浏览器就可以正确地显示文本了


 

<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>

 

运行结果:

这是另一个 mailto 链接: 发送邮件!

注意:应该使用 %20 来替换单词之间的空格,这样浏览器就可以正确地显示文本了。

 


 

posted @ 2019-02-21 18:13  Mr少年郎  阅读(182)  评论(0编辑  收藏  举报