一、絕對跳轉
   <a href="http://www.baidu.com/">百度</a>

二、相對跳轉有如下方式，需要了解（以下的例子中，分別以你的例子和帶.html尾綴進行演示）：
轉載：http://zhidao.baidu.com/question/155406008.html?qbl=relate_question_1

    1. 本目錄的使用（與本檔案在相同的資料夾下）：
         <a href="123456">
         <a href="123456.html">

    2. 本目錄下的子資料夾（設資料夾名為newdoc）的使用：
         <a href="newdoc/123456">
         <a href="newdoc/123456.html">

    3. 本目錄下的子資料夾下的子資料夾（設資料夾名為newdoc2）的使用(如果更多層，則依此類推)：
         <a href="newdoc/newdoc2/123456">
         <a href="newdoc/newdoc2/123456.html">

   4. 本目錄上一層父目錄的使用：
         <a href="../123456">
         <a href="../123456.html">

    5. 本目錄上兩層父目錄的使用(如果更多層，則依此類推)：
         <a href="../../123456">
         <a href="../../123456.html">

    6. 本目錄上一層父目錄下一個名為new資料夾下的使用(也就是和本檔案所在的資料夾在相同目錄下的那個new資料夾)：
         <a href="../new/123456">
         <a href="../new/123456.html">

三、用於內部連線吧，叫錨定
    1、同頁面跳轉: 
    <a href="#q1">問題一?</a> 
    <a href="#q1">問題二?</a> 
    <a href="#q1">問題二?</a> 
    
    <!-- 新增錨的方法 -->
    <a name="q1">問題一的解答</a> 

    2、不同頁面跳轉: 
    a.html的內容 <a href="b.html#q1">問題一?</a> 
    b.html的內容 <a name="q1">問題一的解答</a>

注意：

    1.確定在同一個頁面開啟
    如果
    <a href="#q1">問題一?</a> 
    <a href="#q2">問題二?</a>  這樣寫不是在同一個頁面開啟的話，要加 target="_self"

    如下：  
    <a href="#q1" target="_self" >問題一?</a> 
    <a href="#q2" target="_self" >問題二?</a>

    新增錨點就是為了在同一個頁面方便快捷地找到相應位置，所以要確定在同一個頁面開啟才好，呵呵
    
    2.只要是跳到同一個地方，錨點名稱必須是一樣的。
    
    3.新增錨點，起始位置和結束位置必須都是用<a></a>標記來寫的，前面是用href="#錨點名"，後面是name="錨點名"；
      可參考：

http://blog.csdn.net/chelen_jak/article/details/19157445


四、其它
    1. <a href="#"> 
      # -- 代表空連線,連線的是自己即什麼也不做。可以參考《href="#"是什麼意思呢?》http://blog.csdn.net/chelen_jak/article/details/19156215

    2. <a href="#news"> 
      #new -- 跳到本頁的new位置,用法:<a name="new"></a>