> For the complete documentation index, see [llms.txt](https://reemo.gitbook.io/life-is-possible-web-apps-workshop-sheng-ming-jiao-yu-shou-ji-cheng-shi-gong-zuo-fang/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://reemo.gitbook.io/life-is-possible-web-apps-workshop-sheng-ming-jiao-yu-shou-ji-cheng-shi-gong-zuo-fang/lecture-chinese/lecture-02-html-ru-men.md).
# Lecture 02 - HTML 入門
## 什麼是HTML，為什麼要使用它?
***
***
## 如何建立網站？
### Python? C++? Ruby? Java?
***
## HTML
***
### 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