HTML定義了網頁的內容結構,透過各種標籤來描述網頁的元素。HTML 文件的基本結構可以看作是一個框架,所有內容都位於這個框架內。
1.!DOCTYPE html: 宣告文檔類型,告訴瀏覽器這是HTML5文檔。
2.html lang="zh-Hant": 頁面根標籤,所有內容都包含在其中(lang屬性表示網頁語言為繁體中文)。
3.head: 頁面的頭部,包含元數據
- meta charset="UTF-8": 設置文檔的字符編碼為UTF-8。
- meta name="viewport": 設置頁面在移動設備上的顯示方式,常用於響應式網頁設計。
- title: 定義頁面的標題,會顯示在瀏覽器的標籤上。
4.body: 頁面的主體內容,所有可見的內容(如文字、圖片、連結)都放在這裡。
常用標籤
- 標題標籤(h1 到 h6):用來定義標題,h1 是最大標題,h6 是最小的。
- 段落標籤(p):用來定義段落。
- 連結標籤(a):用來建立超連結,透過 href 屬性指定連結的網址。
- 圖像標籤(img):用來插入圖片,透過 src 屬性指定圖片的URL,alt 屬性提供替代文字。
- 清單標籤:用來建立有序和無序清單。(無序清單使用 ul和 li。有序清單使用 ol 和 li。)
- 表格標籤:用來建立表格,使用 table、tr(表格列)、th(表格頭)、td(表格單元格)。