| 起始標籤 | 結束標籤 |
|---|---|
| 需要 | 需要 |
<a> 有幾個屬性
| 屬性 | 值 | Deprecated or Obsolete |
|---|---|---|
| charset | Obsolete | |
| coords | HTML 4 only, Obsolete in HTML5 | |
| href | 連結網址 | |
| hreflang | 連結網址編碼 | |
| name | HTML 4 only, Obsolete in HTML5 | |
| rel | href相關設定 | |
| shape | circle default polygon rect | HTML 4 only, Obsolete in HTML5 |
| target | _self _blank _parent _top | |
| type | MIME型態 |
舉例如下
<html>
<head>
<title>網頁標題</title>
</head>
<body>
<a href="http://pydoing.blogspot.com/">程式語言教學誌</a><br />
<a target="_blank" href="http://pydoing.blogspot.com/">程式語言教學誌</a><br />
</body>
</html>
<!-- 《程式語言教學誌》的範例程式
http://pydoing.blogspot.com/
檔名：linkexample01.html
功能：示範 HTML 4.01 標記語言的使用
作者：張凱慶
時間：西元 2011 年 5 月 -->利用瀏覽器 (broswer) 開啟，結果如下
我們可以看到超連結文字的預設樣式 (style) 為文字顏色藍色，外加底線。點及第一個連結，便連回本站的首頁
若點擊第二個連結，由於屬性 (attribute) target 設定為 _blink ，這會開啟新的分頁，然後連到本站首頁
回頭看 linkexample01.html ，點擊過的連結文字顏色已經改變
一般而言，超連結文字會有三種不同的樣式，分別是為點擊前、滑鼠游標停留、點擊後，這三種樣式現在是由 CSS 樣式表 (style sheet) 來設定。
利用 <a></a> 所圍住的內容都具有超連結效果，常用的還有圖案等。
| 中英文術語對照 | |
|---|---|
| 行內元素 | inline element |
| 瀏覽器 | broswer |
| 樣式 | style |
| 屬性 | attribute |
| 樣式表 | style sheet |
您可以繼續參考
相關目錄
HTML 4.01 快速導覽 - 目錄
HTML, CSS 教材
首頁
參考資料
沒有留言:
張貼留言