前集回顧：《HTML學習筆記【1】》

3 HTML標籤-第一種分類方式：雙標籤/單標籤

3.10 特殊符號

1.  【空格】人為打的空格，空幾個都一樣，瀏覽器都會解釋成一個空格
2. <【小於號】lower than
3. >【大於號】greater than 大於號小於號不可以直接< >成對出現，會被解釋成標籤
   其他特殊符號詳見此處-菜鳥參考手冊

3.11 特殊文字

	1. <b></b> 【加粗】
	2. <strong></strong> 【加粗】相比b標籤，有SEO權重
	3. <i></i>【斜體】
	4. <em></em> 【斜體】
	5. <s></s> 【刪除線】
	6. <del></del> 【刪除線】
	7. <u></u> 【下劃線】
	8. <sub></sub> 【下標】
	9. <sup></sup> 【上標】
 

3.12 預格式化

	<pre></pre> ：預格式化，自動保留空格和換行

3.13 圖片

        <img /> 

圖片標籤屬性：

1. src=" " 【路徑】

• 相對路徑：圖片儲存在本地時常用
• 絕對路徑：圖片在網路上時常用
• 路徑的正確開啟方式：
  1. 123.jpg 在同一資料夾之下
  2. img/123.jpg 在下一級資料夾中
  3. ../123.jpg 在上一級資料夾中

2. alt=" " 【文字提示】

• 在圖片載入失敗時看見:
  

3. width=" " height=" " 【大小】

• width寬 height高
• 如果只指定其中一種屬性，則預設等比例縮放

3.14 超連結

<a href="img/tree.png">樹</a>

1. href="" 後網址連結格式：在前加上http://或者https:// 協議
2. target="_blank" 在新頁面中開啟超連結，預設值是 target="_self"
3. #xxx 錨點位置：跳轉到頁面上id屬性為“xxx”的所在位置
   • href="link2.html#xxx" 超連結+錨點：直接跳轉到指定頁面的指定位置

【例項】

<a href="#md">錨點</a>

<p id="md">這是一個錨點所在地</p>

4 HTML標籤-第二種分類方式：行內/塊標籤

4.1 行內標籤

• 在一行內顯示，設定寬高無效，由內容決定
• 除了img標籤：圖片標籤自帶width和height屬性，但img本身是塊元素

4.2 塊標籤

• 獨佔一行，設定寬高有效