超链接总结

很多人反映:小编,能不能说一些基础的,不要直接项目,我们有些看不懂?

所以今天,我把超链接系统的说一下。

今天的文章就是理论加实践!

在写代码的过程中,超链接使用的地方有很多,一般分为内部链接,外部链接,下载链接,空链接,网页元素上的链接,锚点链接。

首先说一下超链接的格式:


<a href=""></a>

超链接是一个双目的标签:

有人又会问何为双目:

又有人会问何为单目:

我举一个例子大家就懂了。

双目:(有开始有结束的标签,闭合标签)(此话并不专业,但是通俗易懂)


<h1>个人简历</h1>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
     <tr>
       <td align="center" class="biaoti" height="60">受理员业务统计表</td>
     </tr>
     <tr>
       <td align="right" height="25">2017-01-02---2017-05-02</td>
     </tr>
   </table>

单目:(不是闭合的,只有一个)

我们用的最多的:(看下图所示)



<br />
<hr size="2" color="#dcdcdc" width="980px" />

以上单目,双目大家一定看懂了,我们开始学习超链接吧。

现在我们从外部链接开始说起:


<a href="http://www.qq.com" target="_self">一个超链接</a><!-- _blank是在另一个页面打开 _self在当前页面打开 -->

_blank是在另一个页面打开 _self在当前页面打开

target:打开窗口的方式。

大家对于外部链接有一定了解了吧,接下来我们说一下内部链接:

与外部链接(即反向链接)相反,内部链接是指同一网站域名下的内容页面之间互相链接。如频道、栏目、终极内容页之间的链接,乃至站内关键词之间的Tag链接都可以归类为内部链接,因此内部链接我们也可以称之为站内链接,对内部链接的优化其实就是对网站的站内链接的优化。


<a href="index.html">内部链接</a>

空链接:


<a href="#">空链接</a>

一般用于我们下代码,不知道这里应该跳转到哪个网页,或者还没有写好,一般都会用#代替。

还有下载链接:

一般格式有.zip  .exe,这种格式就可以用超链接来显示,我们点击之后,就会下载。


<a href="img.zip">下载文件</a>

还有一种就是网页元素上的链接,例如图片,音频,表格,等等。


<a href="http://www.qq.com"><img src="img/adv.jpg" />网页元素的链接</a>

最后一个最重要的是锚点链接:

一般格式:

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


<h2>章节 6</h2>
<p>这边显示该章节的内容……</p>


<h2>章节 7</h2>
<p>这边显示该章节的内容……</p>


<h2>章节 8</h2>
<p>这边显示该章节的内容……</p>


<h2>章节 9</h2>
<p>这边显示该章节的内容……</p>


<h2>章节 10</h2>
<p>这边显示该章节的内容……</p>


<h2>章节 11</h2>
<p>这边显示该章节的内容……</p>


<h2>章节 12</h2>
<p>这边显示该章节的内容……</p>


<h2>章节 13</h2>
<p>这边显示该章节的内容……</p>


<h2>章节 14</h2>
<p>这边显示该章节的内容……</p>


<h2>章节 15</h2>
<p>这边显示该章节的内容……</p>


<h2>章节 16</h2>
<p>这边显示该章节的内容……</p>


<h2>章节 17</h2>
<p>这边显示该章节的内容……</p>





<a href="#C4">查看章节 4</a>
<h2><a id="C4">章节 4</a></h2>

大家看上面格式,我们看一篇文章,发现和自己胃口得了,但是我们看完有意思得了想去看看还有啥,是不是得自己滚动滚动条上去找,我们既然可以去底部,是不是也可以回到头部。