HTML超链接

链接语法

HTML中的链接是超链接，点击链接可以跳转到另一个文件。一个链接不是必须是文本，也可以是一个图像或者其他的HTML元素。
在HTML中，链接使用<a>标签定义：

<!-- href中是指定目标地址， url是一个完整的网站，链接文字是可见部分 -->
    <a href="对应链接网址url">链接文字</a>

链接文字是可见部分，点击链接文字将发送到指定地址

本地链接

以上链接url是一个完整的网址，本地链接（链接到同一网站）是一个相对url指定的。

<!-- 本地链接，是相对url指定的 -->
    <p><a href="t03.html">HTML</a>网站内的一个链接页面</p>
    <p><a href="http://www.baidu.com">百度</a>链接到另一个网站</p>

链接颜色

默认情况下，浏览器中未被访问的链接下划线是蓝色，被访问的链接下划线是紫色。活动链接是红色的下划线。
可以使用样式更改默认颜色：

<style>
        a:link{
            color: aqua;
            background-color: darkblue;
            text-decoration: none;
        }
        a:visited{
            color: aqua;
            background-color: darkblue;
            text-decoration: none;
        }
        a:hover{
            color: red;
            background-color:greenyellow;
            text-decoration: underline;
        }
        a:active{
            color:red;
            background-color: greenyellow;
            text-decoration: underline;
        }
    </style>

target属性

target目标属性指定打开文档的位置。
target后
_blank在新窗口或选项卡中打开链接文档
_self打开链接文件在同一窗口/标签，因为它被点击
_parent在父框架中打开链接文档
_top在当前窗口中打开链接文档
framename在指定的框架中打开链接文档

<a href="http://www.baidu.com" target="_blank">百度</a>
    <p>设置target为“_blank”,链接将在浏览器的新窗口或者标签中打开</p>
    <p>锁定在当前frame<a href="http://www.baidu.com" target="_top">百度</a></p>

图片链接

常见的使用图像作为链接

<a href="http://www.baidu.com">
        <img src="logo.png" alt="百度"style="width: 250px;height: 112px;border:0">
    </a>
    <!-- 如果不添加border：0 有些浏览器会默认添加一个边框 -->

书签

HTML书签是用来让读者跳到网页特定部分。如果网页很长，书签是很有用的。要创建一个有效的书签，需要先创建一个书签，然后向其添加链接。当点击链接即书签时，页面将会滚动到书签的位置。
首先创建一个带id的书签，然后添加一个链接到书签，从同一页内

<!-- 创建一个带有id属性的书签 -->
    <h2 id="tips">使用tips小节</h2>
    <a href="#tips">访问有用的tips小节</a>

或者添加一个链接到书签，从另一页

<p><a href="#c12">跳转到第十二章</a></p>
    <h2>第1章</h2>
    <p>内容</p>
    <h2>第2章</h2>
    <p>内容</p>
    ...
    <h2 id="c12">第12章</h2>
    <p>内容</p>
    <h2>第13章</h2>
    <p>内容</p>

外部路径

外部页可以用完整URL引用，或与当前网页相对应的路径引用。
使用一个完整的URL链接到一个网页：

<!-- 外部页可以用完整URL引用，或与当前页面相对应的路径引用 -->
     <a href="http://www.baidu.com/html/html_intoro.html">HTML网页</a>

链接到一个网页的HTML文件夹位于当前Web站点：

     <a href="/html/html_intoro.html">HTML站点</a>

链接到位于当前页的同一文件夹中的页

     <a href="html_intoro.html">HTML单页</a>