1. 程式人生 > >HTML中的連結到另外一個頁面的標籤的用法與規則

HTML中的連結到另外一個頁面的標籤的用法與規則

使用<a>標籤,連結到別一個頁面

語法:<a href="目標網址" title="滑鼠滑過顯示的文字">連結顯示的文字</a>

其中值得注意的是:

       1、title屬性的作用:滑鼠滑過連結文字時會顯示這個屬性的文字內容。這個屬性在實際網頁開發中作用很大,主要方便搜尋引擎瞭解連結地址的內容(語義化更友好)

       2、只要為文字加入a標籤後,文字的顏色就會自動變為藍色(被點選過的文字顏色為紫色)使用CSS樣式可以設定:a{color:#000}

舉例子:

<a  href="http://www.imooc.com"  title="點選進入慕課網">click here!</a>

上面例子作用是單擊click here!文字,網頁連結到http://www.imooc.com這個網頁。

<a>標籤在預設情況下,連結的網頁是在當前瀏覽器視窗中開啟,有時我們需要在新的瀏覽器視窗中開啟。

如下程式碼:

<a href="目標網址" target="_blank">click here!</a>

使用mailto在網頁中連結Email地址

<a>標籤還有一個作用是可以連結Email地址,使用mailto能讓訪問者便捷向網站管理者傳送電子郵件。我們還可以利用mailto做許多其它事情。下面一一進行講解,請看詳細圖示:

注意
:如果mailto後面同時有多個引數的話,第一個引數必須以“?”開頭,後面的引數每一個都以“&”分隔。

下面是一個完整的例項: