JSP 頁面本質是 HTML 與 Java 代碼的混合，扎實的 HTML 基礎是構建優質 Web 頁面的前提。本文系統梳理 HTML 核心語法、文檔結構、常用元素分類與屬性用法。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>頁面標題</title>
</head>
<body>
<!-- 可見內容區域 -->
</body>
</html>
| 分類 | 代表標籤 | 用途 |
|---|---|---|
| 文檔結構 | html, head, body, title, meta, link, script | 定義文檔框架、元數據、外部資源引入 |
| 文本標題 | h1-h6, p, br, hr, pre, blockquote | 標題、段落、換行、分隔線、預格式化、引用 |
| 文本格式化 | b, i, u, strong, em, sub, sup, del, ins, mark | 粗體、斜體、下劃線、語義強調、刪除/插入、高亮 |
| 列表 | ul, ol, li, dl, dt, dd | 無序/有序/定義列表 |
| 鏈接與錨點 | a (href, target, name/id) | 超鏈接、頁內錨點、郵件/電話鏈接 |
| 圖像與多媒體 | img (src, alt, width, height), audio, video | 圖片嵌入、音視頻播放 |
| 表格 | table, thead, tbody, tfoot, tr, th, td, caption | 數據表格展示（語義化結構） |
| 表單 | form, input, select, textarea, button, label, fieldset | 用戶數據收集提交（核心交互組件） |
| 語義化結構 | header, nav, main, article, section, aside, footer | HTML5 語義化佈局，利於 SEO 與無障礙 |
| 通用容器 | div, span | 塊級/行內佈局容器，配合 CSS/JS 使用 |
action：提交地址（Servlet/Controller 路徑）method：GET（查詢/幂等） vs POST（提交/非幂等/大數據/文件）enctype：
application/x-www-form-urlencoded（默認，普通表單）multipart/form-data（文件上傳必須）text, password, radio, checkbox, submit, reset, button, hidden, file, email, number, date, color, range 等（HTML5 新增類型提供原生驗證與 UI）。
alt 屬性（無障礙/SEO）<label for="id"> 提升易用性
