屬性

Frontend SELF TW
等級 1 , 課堂 5
開放

1. 屬性

開始標籤可以包含 特殊的服務資訊屬性。結束標籤不可以包含 屬性。屬性的一般形式如下:


<tag name1="value1" name2="value2">  

具有屬性標籤的示例 — 連結:

HTML
      
<a href="http://codegym.cc/about" target="_blank">
    指向一些有趣內容的連結
</a>
      
    

每個屬性以 名稱 的形式指定。 屬性可以有任意多的

細心的程式員一定會問:如果作為屬性值需要使用包含「<」、 「>」或引號的文字該怎麼辦?

在 HTML 文件中不能直接使用它們。對此有特殊的寫法:

符號名稱 符號 HTML 寫法
雙引號 " &quot;
安培符號 & &amp;
小於符號 < &lt;
大於符號 > &gt;
空格 &nbsp;
單引號 ' &#39;

這種替換被稱為符號轉義。稍後我們會更詳細地討論這個話題。

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>
      
    
留言
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION