原課程在這裡：https://www.icourse163.org/learn/BJFU-1003382003?tid=1003609002#/learn/announce

超連結a

屬性：href，超連結，設定這個的值

• 連結到本站點的其他網頁

<a href="news.html">新聞</a>（相對路徑）

• 連結到其他站點

<a href="http://www.baidu.com">百度</a>（絕對路徑）

• 虛擬超連結

<a href="#">板塊2</a>

插入圖片

圖片格式介紹：

JPG：有失真壓縮，色彩豐富
GIF：簡單動畫，背景透明
PNG：無失真壓縮，透明，交錯，動畫，支援有損,
交錯：圖片由不清晰變為清晰
色彩豐富連續的圖片用JPG
色彩單一，或者有透明，有動畫，小圖示用PNG，GIF

<img src="w3school.gif" alt="w3c" />

src屬性：路徑+檔名

兩種路徑方式

1. 據對路徑：以根目錄為基準
2. 相對路徑：以網頁檔案所在的位置為基準

路徑書寫：

1. 查詢同級資料夾，直接寫檔名
2. 查詢同一資料夾下的下一資料夾，資料夾/檔名
3. 查詢上一級資料夾，…/檔名