天天看點

超連結标簽 - LoaderMan

超連結标簽

連結資源

(1): 标簽格式: <a href=“連結到資源的路徑”>顯示在頁面上的内容</a>

(2): 屬性

(a): href: 連結到的資源路徑

(b): target: “_blank”(新頁面打開) , “_self”(目前頁打開,預設)

當不需要連結具體的頁面的時候href需要設定預設的占位符”#”

定位資源

(1): 定位位置;比如:<a name=“top”>頂部位置</a>

(2): 回到這個位置; 比如: <a href=“#top”>回到頂部位置</a>

原樣輸出标簽: <pre>要顯示的内容</pre>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無标題文檔</title>
</head>
<!-- 
 <a> 超連結标簽
 
 a标簽常用的屬性:
     href  : 用于指定連結的資源
     target: 設定打開新資源的目标。    _Blank 在獨立的視窗上打開新資源   _self 在目前視窗打開新資源 

file: file協定(檔案協定)這種協定主要是用于搜尋本地機器的資源檔案的。

格式:
    file:\\\f:\美女\1.jpg    
 
a标簽的原理:
    1. a标簽的href屬性值如果是以http開頭的,那麼浏覽器會馬上啟動http解釋器去解釋該網址,首先
    會在本地機器去找一個hosts檔案, 如果在hosts檔案上該域名沒有對應的主機,那麼浏覽器就去到對應的
    dns伺服器去尋找該域名對應的主機号。如果找到了對應的主機,那麼該請求就會發給對應的主機。
    
    
    2. 如果a标簽的href屬性值沒有以任何協定開頭,那麼浏覽就會啟動file協定解釋器去解釋該資源路徑。
    
    3. 如果a标簽的href屬性值并不是以http開始,而且其他 的一些協定,那麼這時候浏覽器就回去到我們本地的注冊
    表中去查找是否有處理這種協定 的應用程式,如果有,那麼馬上啟動該應用程式處理該協定。
    
郵件 的協定: mailTo
迅雷的協定: thunder

 超連結标簽的作用:
     1. 可以用于連結資源。
    2. 錨點點位.  
        1. 首先編寫一個錨點  錨點的格式: <a name="錨點名字"> 資料</a>
        2. 使用a标簽 的herf屬性連接配接到錨點出。  href=”#錨點的名字“    
    
-->
<body>
    <a href="www.baidu.com">百度</a>
    <a  target="_blank" href="look.html">帶你去看1.html</a><br/>
    如果有需要請發送郵件至:<a href="mailTo:[email protected]">[email protected]</a><br/>
    <a href="thunder://abc/av.avi">avgo(高清槍版).avi</a>
    <a name="top">頂部</a> <!--錨點 -->
    a标簽的原理:
    1. a标簽的href屬性值如果是以http開頭的,那麼浏覽器會馬上啟動http解釋器去解釋該網址,首先
    會在本地機器去找一個hosts檔案, 如果在hosts檔案上該域名沒有對應的主機,那麼浏覽器就去到對應的
    dns伺服器去尋找該域名對應的主機号。如果找到了對應的主機,那麼該請求就會發給對應的主機。


    2. 如果a标簽的href屬性值沒有以任何協定開頭,那麼浏覽就會啟動file協定解釋器去解釋該資源路徑。

    3. 如果a标簽的href屬性值并不是以http開始,而且其他 的一些協定,那麼這時候浏覽器就回去到我們本地的注冊
    表中去查找是否有處理這種協定 的應用程式,如果有,那麼馬上啟動該應用程式處理該協定。
   <a href="#top">回到頂部</a>
    
</body>
</html>