HTML 標籤 (修改樣式,連結郵箱Email地址)
阿新 • • 發佈:2019-01-26
例項
指向 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 |
|
HTML5 中不支援。規定連結的形狀。 |
|
規定在何處開啟連結文件。 | |
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後面同時有多個引數的話,第一個引數必須以“
?
&
”分隔。下面是一個完整示例: