超連結标簽
連結資源
(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>