首页 > Web开发 > 详细

HTML 链接

时间:2019-02-21 19:17:05      阅读:238      评论:0      收藏:0      [点我收藏+]

我们通过使用 <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 来替换单词之间的空格,这样浏览器就可以正确地显示文本了。

 


 

HTML 链接

原文:https://www.cnblogs.com/mrshaonianlang/p/10414400.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!