HTML 链接
HTML使用标签 <a>来设置超文本链接。
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
在标签<a> 中使用了href属性来描述链接的地址。
默认情况下,链接将以以下形式出现在浏览器中:
- 一个未访问过的链接显示为蓝色字体并带有下划线。
- 访问过的链接显示为紫色并带有下划线。
- 点击链接时,链接显示为红色并带有下划线。
HTML 链接语法
<a href="url">链接文本</a>
<a href="http://www.baidu.com/">点击跳转到百度</a>
如何使用图片链接
<p>创建图片链接: <a href="http://www.baidu.com"> <img border="10" src="img/pic 2.png" alt="图片1" width="32" height="32"></a></p> <p>无边框的图片链接: <a href="
http://www.baidu.com"><img border="0" src="img/pic 2.png" alt="图片2" width="32" height="32"></a></p>
如何使用书签。
<p> <a href="#C4">查看章节 4</a> </p> <h2>章节 1</h2> <p>这边显示该章节的内容……</p> <h2>章节 2</h2> <p>这边显示该章节的内容……</p> <h2>章节 3</h2> <p>这边显示该章节的内容……</p> <h2><a id="C4">章节 4</a></h2> <p>这边显示该章节的内容……</p> <h2>章节 5</h2> <p>这边显示该章节的内容……</p>
点击查看章节4,即可跳转到章节4的内容
本例演示如何链接到一个邮件
<a href="mailto:[email protected][email protected]&[email protected] &subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!" target="_top">发送邮件!</a>
这样会调启系统默认的邮件程序发送给 someone@examplecom,并且收件人那里已经填上了我邮箱的地址。