1. 程式人生 > >HTML 標籤 (修改樣式,連結郵箱Email地址)

HTML 標籤 (修改樣式,連結郵箱Email地址)

例項

指向 w3school 的超連結:

<a href="http://www.w3school.com.cn"  >W3School</a>

屬性

New : HTML5 中的新屬性。

屬性 描述
char_encoding HTML5 中不支援。規定被連結文件的字符集。
coordinates HTML5 中不支援。規定連結的座標。
filename 規定被下載的超連結目標。
href URL 規定連結指向的頁面的 URL。
language_code 規定被連結文件的語言。
media media_query 規定被連結文件是為何種媒介/裝置優化的。
name section_name HTML5 中不支援。規定錨的名稱。
rel text 規定當前文件與被連結文件之間的關係。
rev text HTML5 中不支援。規定被連結文件與當前文件之間的關係。
shape
  • default
  • rect
  • circle
  • poly
HTML5 中不支援。規定連結的形狀。
  • _blank
  • _parent
  • _self
  • _top
  • framename
規定在何處開啟連結文件。
type MIME type 規定被連結文件的的 MIME 型別。

css中偽類屬性修改a標籤的樣式

在支援 CSS 的瀏覽器中,連結的不同狀態都可以不同的方式顯示,這些狀態包括:活動狀態,已被訪問狀態,未被訪問狀態,和滑鼠懸停狀態。

a:link {color: #FF0000}		/* 未訪問的連結 */
a:visited {color: #00FF00}	/* 已訪問的連結 */
a:hover {color: #FF00FF}	/* 滑鼠移動到連結上 */
a:active {color: #0000FF}	/* 選定的連結 */

提示:在 CSS 定義中,a:hover 必須被置於 a:link 和 a:visited 之後,才是有效的。

提示:在 CSS 定義中,a:active 必須被置於 a:hover 之後,才是有效的。

提示:偽類名稱對大小寫不敏感。



使用mailto在網頁中連結Email:


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