HTML5 基礎教程
HTML 介紹HTML 元素HTML 屬性HTML 文字樣式元素HTML 水平線HTML 清單元素HTML +CSSHTML +JavascriptHTML 超連結HTML 檔案路徑HTML <!-- 註解 -->HTML 特殊文字HTML 顏色HTML 區塊元素與佈局XHTMLHTML5 多媒體教程
HTML <table>表格HTML <iframe>線內框架HTML <img> 圖片HTML <video> 影片HTML <audio> 音樂HTML5 表單教程
HTML <form> 表單HTML 各種表單元素HTML <input>HTML <input>屬性HTML5
HTML5 介紹HTML5 支援HTML5 新元素HTML5 正確語法HTML5 Graphics
HTML5 CanvasHTML5 SVGHTML5 Google Maps注意
- 以下的程式碼皆是寫於<body>與</body>標籤之內。
- 程式碼的示範，已由本網站「樣式表自動修飾」，實際測試將依各家瀏覽器「預設樣式表不同而有差距」。
<a> 基礎超連結
- <a href="http://story.had.name/">有名故事館</a><br/>
- <a href="http://story.had.name/" title="有名故事館">有名故事館</a><br/>
- <a href="http://story.had.name/" title="有名故事館" target="_blank">有名故事館</a>
- 行1：href屬性用來指定連結的去向。檔案路徑參考。
- 行2：當使用電腦裝置時，將滑鼠移至此物件上面會顯示title內的值。參考先前章節：HTML 屬性。
- 行3：target屬性可以用來指定「連結要在哪裡跳出來」，例如：同一視窗或新的視窗。
<a target="">目標
| 值 | 解釋 |
|---|---|
| _self | 同一分頁 (瀏覽器預設) |
| _blank | 新分頁或新視窗(視瀏覽器而定) |
| _new | 新視窗或新視窗，但無論點幾次都是顯示在那 |
| _parent | 在主框架中打開 (網頁必須在框架中才派得上用場) |
| _top | 將跳脫所有框架 (網頁必須在框架中才派得上用場) |
| 框架名稱 | 在命名框架中打開 (網頁必須在框架中才派得上用場) |
<a href="#對應id">茅點
利用對應的id值在同一個網頁跳躍。
- <h1 id="notice">注意</h1>
- <a href="#notice">回到第一節</a>
上述試範已將「行1」的程式碼埋入本網站第一小節的標題裡了。如果你的瀏覽器沒有反應，代表你可以同時看到「第一小節的標題」及「試範的連結」，所以沒有跳躍的必要。