html之超鏈接及URL

超鏈接

1. 簡介

   使用超鏈接可以從一個頁面跳轉到另一個頁面，實現頁面間的導航

   當鼠標移動到超鏈接文本上時，鼠標箭頭會變成一只小手

   超鏈接有三種類型

   . 普通鏈接/ 頁面間鏈接，跳轉到另一個頁面

   . 錨鏈接 ； 跳轉到錨點

   . 功能性鏈接，實現特殊功能

2. 基本用法

   使用<a>標簽創建超鏈接

   語法

   
   <a href="指定鏈接的地址"target="鏈接打開的位置">鏈接文本或者圖像</a>

   常用屬性

   . href 鏈接地址/路徑 : 鏈接地址

   路徑分類 ;

   . 相對路徑

   相對於與當前文件的路徑

   . 表示當前路徑

   .. 表示上一級路徑

   . 絕對路徑

   以根開始的路徑

   http://www.baidu.com

   . target 鏈接打開位置 ； 取值

   . _self 自己/自身/當前

   . _blank 空白的/空白的窗口中打開,新的

   . _parent 上一層的框架中打開

   . _top 在頂層框架中打開

   . 自定義

    

   錨鏈接

   簡介/作用 ；

   點擊鏈接后會跳轉到指定的位置（錨點 / anchor）

   錨鏈接的分類 ;

   . 頁面內的錨鏈接

   . 頁面間的錨鏈接

   頁面內的錨鏈接

   步驟：

   1.定義錨點（標記）

   
   <a name="錨點名稱">目標位置</a>

   2.鏈接錨點

   <a href="錨點名稱">鏈接文本</a>

   3.頁面間的錨鏈接

   <ahref="目標頁面.html#錨點"> </a>

    

   功能性鏈接

   
    <!-- 下載圖片 -->
    <a href="圖片/血緣.jpg">點擊此處下載圖片</a>
    <br>
    <!-- 發送郵件 -->
    <a href="mailto:[e-mail]">聯系我們</a>
    <br>
    <!-- 頁面跳轉 -->
    <a href="javascript:alert('你好呀')">點我試試</a>

    

   URL

   URL ; Uniform Resource Locator 統一資源定位符,用來定位資源所在的位置 ; 最常見的俗稱網址

   https://baike.so.com/doc/24696790-25621194.html

   組成部分

   https://baike.so.com/doc/24696790-25621194.html
   https://www.so.com/s?ie=utf-8&src=360se7_addr&q=ftp#first
   一個完整的URL是由8個部分組成
   . 協議 protocol 如 **https**/http(超文本傳輸協議) 
    用來訪問WEB網站 HyperText Transfer Protocol
    https:更加安全的協議
    ftp:文件傳輸協議；用來訪問服務器上的文件 File Transfer Protocol
    file:文件協議；用來訪問本地文件
   . 主機名 hostname服務器的地址,如www.baidu.com
   . 端口號 port 位於主機名的后面，使用冒號隔開
    不同的協議使用不同的端口號，如：http使用80，https:443,ftp使用21
    如果使用默認端口，端口號可以省略不寫
    如果使用的不是默認的端口，則端口必須指定端口
   . 路徑 path 目標文件所在的路徑結構,如：/doc/
   . 資源 resource 要訪問的文件，如：24696790-25621194.html
   . 查詢字符串 query string ，也稱之為參數
    在資源的后面使用問號/?隔開的一組名稱
    名稱和值以=隔開,多個之間以&隔開,如:s?ie=utf-8&src=360se7_addr&q
   . 錨點 anchor 在資源的后面使用"#"開頭的文本
   . 身份的認證 authentication,指定身份信息，如:https://賬戶：密碼@baike.so.com/doc/24696790-25621194.html
   ​