1. 程式人生 > >頁面鏈接

頁面鏈接

超鏈接 熱點圖 需要 有時 mail use .html 子郵件 表現

在html文檔中,使用<a>標簽指引頁面中鏈接的目標點。
<a href="鏈接對象的路徑">鏈接錨點對象</a>
a是anchor href屬性是超文本引用,該屬性的值指定了鏈接的目標路徑。

鏈接的地址指的是鏈接到錨點對象的路徑,這個路徑不僅僅是一個頁面的地址,也可能是一個文件地址或一個郵箱地址。

<a herf="mailto:[email protected]?subject=聯系我&body=告訴我們你對網頁設計的看法">
<!--subject代表郵件的主題-->
<!--body代表郵件的內容,如果想在BODY進行換行,只需要在行與行之間加入%0d%0a-->
<!--如果要使用mailto同時實現多個功能的話,第一個功能必須以“?”開頭,後面的每一個功能都以 “&”開頭-->

要有反應的前提是你的電腦要安裝有:foxmail或outlook等電子郵件發送軟件,並設置為默認為首選.


頁面中除了頁面之外的文件或者程序鏈接之外,還可以和同一頁面中的內容進行鏈接。這種情況通常用於導航。這個時候要在HTML語言中使用<a>標簽的屬性id來確定路徑的位置。
1.確定鏈接的錨點對象
<a href=#……>

</a>
2.在頁面中設定鏈接目標,使用的是id屬性
<a id=……> (id也可以寫成name,name是HTML中的標準,而id是xhtml中的標準)
<a href=#1-10>1-10</a>


<a id="1-10">

美觀鏈接的狀態:
鏈接的標準形式都是紫色字體加下劃線。
一個鏈接的狀態可以分解成以下四個步驟:
1.鏈接還未被訪問。
2.鏈接被選中時
3.鼠標指針滑過鏈接
4.鏈接被訪問後

關於鏈接顏色,可以通過添加link,alink,vlink來修改
Link屬性修改鏈接未被訪問時的文本顏色
Alink屬性修改鏈接被選中時文本的顏色
Vlink屬性修改鏈接被訪問後的文本顏色
但其實用html標簽來實現並不是很推薦,更好的方法是用css。在表現性的作用上應該習慣於避免使用標簽屬性的方法。而且CSS可以包含更多的屬性修改。實現自由度更大的修飾: a:link{.…}鏈接未被訪問
a:atcive{…}鏈接被選中
a:hover{…}鼠標指針滑過鏈接
a:visited{…}鏈接被訪問後

{}中通常添加兩個基本屬性:color屬性修改文本顏色;text-decoration屬性選擇是否顯示下劃線

熱點圖像區域的超鏈接:
就是指圖像中的某個區域,就像是地圖一樣 代碼中也用到一個形象的標簽<map>
<map>標簽下,嵌入使用<area>標簽表明某一區域。 其中有三個屬性值來確定這個區域,分別是shape,coords,href屬性
shape: 確定選區的形狀分別是rect,circle,poly(多邊形)
Coords:橫縱坐標的意思,用來控制形狀的位置一般來說借助可視化的編輯頁面的軟件來實現這一功能。
href:超鏈接
<img src="sfsa.html/usemap="#Map"">//這個Map名字可以自定義喔
<map id="Map">
<area shape=".." coords=".." href=".."/>
</map>

在新窗口中顯示鏈接窗口: 之前的所有鏈接中都是在同一頁面中跳轉的,有時設計者希望鏈接的頁面在新的窗口中打開。這時只需要在<a>標簽中添加"target=_blank"即可。

_blank -- 在新窗口中打開鏈接
_parent -- 在父窗體中打開鏈接
_self -- 在當前窗體打開鏈接,此為默認值
_top -- 在當前窗體打開鏈接,並替換當前的整個窗體(框架頁)

頁面鏈接