# Lecture 02 - HTML 入門 ## 什麼是HTML，為什麼要使用它? ![w: 1000](https://cdn.unwire.pro/wp-content/uploads/2015/11/hktv-website-screenshot-1.png) *** ![w: 1000](https://s.yimg.com/os/creatr-uploaded-images/2020-04/aacaaf20-8945-11ea-b72f-7f929d58e392) *** ## 如何建立網站？ ### Python? C++? Ruby? Java? *** ## HTML ![bg w:900](https://play-lh.googleusercontent.com/RslBy1o2NEBYUdRjQtUqLbN-ZM2hpks1mHPMiHMrpAuLqxeBPcFSAjo65nQHbTA53YYn) *** ### HTML (Hyper Text Markup Language) (超文字標記語言) 簡而言之： * HTML是創建網頁的標準標記語言 * HTML描述了網頁的結構 * HTML由一系列元素組成 * HTML元素告訴瀏覽器如何顯示內容 * HTML元素標記內容的不同部分，例如“這是標題”、“這是段落”、“這是鏈接”等等。 *** ### HTML的優點 * ✨ 容易學習 * 💻 每個瀏覽器都支持HTML語言（跨平台） * ⚡ HTML是輕量級(Lightweight)的，加載速度快 * 等等 ... *** ### 基本結構 `index.html` ```html Life is Possible ar

Hello mate

``` *** ### 簡單結構 `index.html` ```html ``` *** ## 🏷 基本標籤 這些標籤是很重要的基礎知識 *** ### ` ` > `` 元素代表HTML文檔的根（頂級元素），因此也被稱為根元素。所有其他元素都必須是此元素的子孫元素。 也就是說，告訴電腦這個文件是一個HTML文件。 *** ### ` ` > ``元素包含有關文檔的機器可讀信息（元數據），例如其標題，腳本和樣式表。 也就是說，告訴電腦這些項目是標題，腳本和樣式表。 *** ### ` ` > `` HTML 元素表示 HTML 文檔的內容。一個文檔中只能有一個 `` 元素。 也就是說，告訴電腦這些在這些標籤之間的部分是 HTML 文檔的內容。 *** `index.html` ```html Life is Possible ar

Hello mate

``` *** ### 成品
### 注意事項 1. 有些標籤是成對出現的，但有些標籤不是。 例如：（成對出現：`...`，單獨出現：``） 請查閱文件和教程以檢查其使用方法。 *** ## 基本標籤 *** ### 🏷 body 標籤 (與容器相關) #### `
` : 基本框盒標籤 #### `
` : 儲存網頁**頁首**內容 #### `
` : 儲存**各個區域**的內容 #### `