HTML 超文件標記語言實作

本次上課將學習使用 HTML 從頭建構網頁。

• 基本語法跟標籤列表，請參考 講義 。
• 登入網站 後，請使用 建立新筆記 來建立練習用頁面。
• 你可以在 我的作品 中找到你建立的所有筆記。

課程內容大致上包含：

• 基本標籤 ( h1 ~ h6, a, br, p, i/u/b/del/big/small, img, ul/ol, table )
• 基本屬性 ( id, class, style, href, src )
• 跳脫字元
• 載入外部資源

課堂練習

• 運用 table 標籤建立學生成績表 ( 01 )
• 運用常見 HTML 標籤排版學校公告 ( 02 )
• 運用跳脫字元正確顯示大於、小於與任一 Emoji ( 可參考 Unicode.org ) ( 04 )
• 運用 Google Font 載入喜歡的字型
• 運用 Bootstrap Icons 載入需要的圖示
• 運用 Vanta.js 搭配 jsDelivr 建立動態背景動畫

以下提供一些預設圖片供練習用：

• http://xinmeti.co/assets/img/sample/1.jpg
• http://xinmeti.co/assets/img/sample/2.jpg
• http://xinmeti.co/assets/img/sample/3.jpg
• http://xinmeti.co/assets/img/sample/4.jpg
• http://xinmeti.co/assets/img/sample/5.jpg
• http://xinmeti.co/assets/img/sample/6.jpg