JavaWeb 入門基石：HTML 常用標簽、屬性與表單完整速查手冊

HTML 基礎認知

• 全稱 HyperText Markup Language，非編程語言，而是標記語言，描述網頁顯示結構。
• 瀏覽器內置解析器，以 .html 或 .htm 結尾的文件可直接打開渲染。
• 基本骨架：<html><head>...</head><body>...</body></html>

核心標簽分類速查

1. 排版與結構

2. 字體與文本

3. 特殊字符實體

< → < | > → > | & → & | 空格 →  

4. 列表

• 無序 <ul><li>...</li></ul>（type: disc/circle/square）
• 有序 <ol><li>...</li></ol>（type: 1/a/A/i/I，start 指定起始）
• 定義 <dl><dt>術語</dt><dd>描述</dd></dl>

5. 圖片與超鏈接（重點）

<img src="url" width="px" height="px" alt="說明" />
<a href="url" target="_blank|_self|_parent|_top">文本/圖片</a>
<a name="anchor">錨點</a>  <a href="#anchor">頁內跳轉</a>

注意：href 必須包含協議（https://），否則默認 file 協議。

6. 表格

<table border="1" width="500" cellpadding="5">
  <caption>標題</caption>
  <tr align="center"><th>表頭</th><th>表頭</th></tr>
  <tr><td>單元格</td><td rowspan="2">跨行</td></tr>
  <tr><td colspan="2">跨列</td></tr>
</table>

<th> 默認居中加粗，<td> 普通單元格。

7. 表單（核心交互）

<form action="/submit" method="post">
  <input type="text" name="username" value="" />
  <input type="password" name="pwd" />
  <input type="radio" name="sex" value="male" checked="checked" />男
  <input type="checkbox" name="hobby" value="read" />閱讀
  <input type="file" name="avatar" />
  <input type="hidden" name="id" value="100" />
  <select name="city"><option value="bj">北京</option></select>
  <textarea name="desc" rows="5" cols="30"></textarea>
  <input type="submit" value="提交" /> <input type="reset" value="重置" />
</form>

GET vs POST：GET 參數顯示地址欄、有長度限制、安全性低；POST 無長度限制、參數在請求體、相對安全。

關鍵：name 屬性必須指定，否則提交時不會攜帶該字段。

8. 框架（已淘汰，了解即可）

<frameset> 不能置於 <body> 內，現代開發用 iframe 或 SPA 路由替代。

編碼規範建議

• 工作空間、編輯器、文件關聯統一設置 UTF-8。
• 屬性值統一雙引號，標簽閉合規範。
• 語義化標簽優於純樣式標簽（如用 <h1> 而非 <font size=7>）。