【小白教程】day05快速掌握html基本用法

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,并且收件人那里已经填上了我邮箱的地址。


猜你喜欢

转载自blog.csdn.net/yutong5818/article/details/80717774
今日推荐