1. 屬性
開始標籤可以包含 特殊的服務資訊 — 屬性。結束標籤不可以包含 屬性。屬性的一般形式如下:
<tag name1="value1" name2="value2">
具有屬性標籤的示例 — 連結:
HTML
<a href="http://codegym.cc/about" target="_blank">
指向一些有趣內容的連結
</a>
每個屬性以 名稱 和 值 的形式指定。 屬性可以有任意多的。
細心的程式員一定會問:如果作為屬性值需要使用包含「<」、 「>」或引號的文字該怎麼辦?
在 HTML 文件中不能直接使用它們。對此有特殊的寫法:
| 符號名稱 | 符號 | HTML 寫法 |
|---|---|---|
| 雙引號 | " | " |
| 安培符號 | & | & |
| 小於符號 | < | < |
| 大於符號 | > | > |
| 空格 | | |
| 單引號 | ' | ' |
這種替換被稱為符號轉義。稍後我們會更詳細地討論這個話題。
2. 圖片
標籤 <img> 用於在網頁中插入圖像。這是一個單標籤,也就是說 它沒有結束標籤。重要的屬性:
src— 指定圖像的路徑。-
alt— 描述圖像,對於搜尋引擎以及圖像無法載入時很有用。
範例:
HTML
<img src="image.jpg" alt="圖像描述">
3. 連結
標籤 <a> 用於創建超連結。此標籤的主要屬性:
-
href— 指定要導向的頁面或資源的 URL(地址)。 -
target— 定義連結的打開方式 (例如,_blank用於新標籤頁)。
HTML
<a href="https://www.example.com">前往 Example.com</a>
GO TO FULL VERSION