[TOC]
>[info]HTML 使用超級鏈接與網絡上的另一個文檔相連。 幾乎可以在所有的網頁中找到鏈接。點擊鏈接可以從一張頁面跳轉到另一張頁面。超鏈接可以是一個字,一個詞,或者一組詞,也可以是一幅圖像,您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。 當您把鼠標指針移動到網頁中的某個鏈接上時,箭頭會變為一只小手。
## 一、a標簽
Html語法中最重要的標簽之一。通過使用 href 屬性,創建指向另外一個頁面的鏈。通過使用id 屬性,創建一個文檔內部的文檔片段的書簽(可直接跳到文檔指定位置--錨鏈接)。
### 普通鏈接
~~~
<a href="http://www.daniuit.com" target="_blank" title="顯示">學并思</a>
~~~
**例子解釋**
* `href` 屬性規定鏈接的目標
* 學并思 始標簽和結束標簽之間的文字被作為超級鏈接來顯示。
* `target`定義被鏈接的文檔在何處顯示,`target="_blank"`新窗口打開
* `title`鼠標移過時顯示的文字
### 錨鏈接
給頁面當中的某個特定位置添加標記,可以通過a鏈接直 接指向這個位置,經常用在頁面內容比較多的情況。我們可以創建直接跳至該命名錨(比如頁面中某個小節)的鏈接,這樣使用者就無需不停地滾動頁面來尋找他們需要的信息了。
~~~
<div class="d1">
<a href="#mao1">點我跳轉mao1</a>
<div class="d2">
<a name="mao1">我是mao1</a>
</div>
</div>
~~~
**例子解釋**
* `<a name="mao1">`定義錨點
* `<a href="#mao1">`跳轉到mao1這個位置
>[danger] **作業:**頁面中增加a鏈接,指向百度,點擊新窗口打開。在頁面的底部設置一個錨點,點擊跳轉到頂部。
- 序言
- 第一章:準備工作
- 寫在學習之前的話
- web應用開發結構
- 開發工具/環境
- 第二章:展現層面(HTML/CSS)
- HTML簡介
- HTML基礎
- HTML編碼
- HTML鏈接
- HTML圖像
- HTML列表
- HTML表單
- HTML表格(分水嶺)
- HTML 實體
- HTML框架
- CSS層疊樣式表
- CSS選擇器
- CSS文本/字體
- CSS繼承和疊加
- CSS框模型
- CSS浮動(分水嶺)
- CSS定位
- CSS背景
- CSS圖標字體
- CSS補充
- 開發技巧
- 第三章:展現層面(Javascript)
- JS簡介
- JS實現
- JS輸出交互
- JS變量
- JS數據類型
- JS運算符
- JS流程控制(分水嶺)
- JS函數
- JS數組
- JS對象(分水嶺)
- JS數組對象
- JS字符串對象
- JS數學對象
- JS日期對象
- JS BOM對象(分水嶺)
- JS DOM對象
- JS事件對象
- JS元素對象
- JS DOM節點
- 第四章:展現層面(Jquery)
- JQ簡介
- JQ使用
- JQ選擇器
- JQ篩選
- JQ屬性
- JQ-CSS
- JQ事件
- JQ文檔處理
- JQ效果
- JQ-ajax
- 第五章:邏輯/業務層面(PHP)
- PHP簡介
- PHP變量
- PHP數據類型
- PHP常量
- PHP運算符
- PHP流程控制
- PHP函數(分水嶺)
- PHP日期
- PHP數學
- PHP數組
- PHP字符串
- PHP正則表達式(分水嶺)
- PHP目錄操作
- PHP文件
- PHP上傳/下載
- PHP面向對象(分水嶺)
- PHP圖像處理
- PHP會話控制
- Ajax異步處理
- PHPMysql擴展
- PHPMysqli擴展
- PHPPdo擴展
- PHP接口
- PHP命名空間
- 第六章:邏輯/業務層面(框架設計)
- 第七章:存儲層面(mysql)
- Mysql基礎
- Mysql Sql簡介
- Mysql數據庫
- Mysql數據類型
- Mysql數據表
- Mysql操作記錄
- Mysql查詢
- Mysql修改表結構
- Mysql日期與時間
- Mysql分組統計
- Mysql多表查詢
- Mysql安全
- Mysql存儲引擎
- Mysql事務
- Mysql視圖
- Mysql觸發器
- Mysql存儲過程
- Mysql存儲函數
- Mysql優化
- 第八章:服務器(Linux)
- Linux介紹與安裝
- Shell
- 目錄與文件操作
- VIM編輯器使用
- 帳號管理
- SUDO
- 權限控制
- 壓縮與打包
- 軟件安裝
- 計劃任務
- 進程管理
- 寶塔Linux面板