HTML 選擇題（20題）

1. HTML 是什麼？

  1. 程式語言
  2. 標記語言
  3. 系統語言
  4. 資料庫語言
答案：b
HTML 是 HyperText Markup Language，是「標記語言」，不是程式語言。

2. 下列哪個不是 HTML 編輯工具？

  1. Atom
  2. VSCode
  3. Photoshop
  4. 任何純文字編輯器
答案：c
Photoshop 是影像編輯工具，不能編寫 HTML。

3. HTML 文件應以哪一行開始？

  1. <html>
  2. <!DOCTYPE html>
  3. <head>
  4. <meta charset="UTF-8">
答案：b
<!DOCTYPE html> 用於宣告本文件為 HTML5。

4. <head> 的用途是什麼？

  1. 放置所有網頁可見內容
  2. 放置頁面資訊與設定
  3. 顯示圖片與影片
  4. 建立主內容區域
答案：b
<head> 包含標題、CSS、meta、外部資源連結等資訊。

5. 下列哪個內容會顯示在網頁上？

  1. <head>
  2. <meta>
  3. <body>
  4. <title>
答案：c
<body> 包含所有使用者可見的內容。

6. 下列哪個是語義化標籤？

  1. <div>
  2. <span>
  3. <article>
  4. <font>
答案：c
<article> 能表示文章內容，是語義化元素。

7. HTML 屬性(attribute) 的用途是什麼？

  1. 決定網頁樣式
  2. 提供元素額外資訊
  3. 執行 JavaScript
  4. 用於變數計算
答案：b
HTML 屬性（如 class、id）用於補充元素資訊。

8. 哪一個標籤代表頁腳？

  1. <down>
  2. <footer>
  3. <end>
  4. <bottom>
答案：b
<footer> 用於顯示底部資訊，例如版權、聯絡資料。

9. 哪個元素用於導航連結？

  1. <header>
  2. <nav>
  3. <main>
  4. <section>
答案：b
<nav> 放置導覽列與連結。

10. 內聯元素（inline）特性為：

  1. 佔滿整行
  2. 會自動換行
  3. 不會佔滿整行
  4. 不能放文字
答案：c
inline 元素不會斷行，只佔所需寬度。

11. 下列哪個是內聯元素？

  1. <div>
  2. <p>
  3. <h1>
  4. <span>
答案：d
<span> 是典型的 inline 元素。

12. 哪個 meta 屬性設定字元編碼？

  1. name
  2. charset
  3. content
  4. http-equiv
答案：b
charset 用於設定編碼，例如 UTF‑8。

13. 每 30 秒刷新網頁應使用哪個 meta？

  1. <meta charset>
  2. <meta name="viewport">
  3. <meta http-equiv="refresh" content="30">
  4. <meta robots="nofollow">
答案：c
http-equiv="refresh" 用於定時刷新頁面。

14. viewport meta 的用途是：

  1. 調整 CSS 權重
  2. 讓網站在手機正常顯示
  3. 加入 JavaScript
  4. 加入圖片快速載入
答案：b
viewport 讓網頁具有響應式顯示能力。

15. 下面哪項 robots 設定會禁止搜尋引擎收錄？

  1. follow
  2. index
  3. nofollow
  4. noindex
答案：d
noindex = 禁止搜尋引擎建立索引。

16. <section> 的用途是什麼？

  1. 放置表格
  2. 清單區塊
  3. 分區內容
  4. 插入圖片
答案：c
<section> 用於將頁面內容分區。

17. 下列哪個最適合用於「可獨立存在」的內容？

  1. <footer>
  2. <article>
  3. <aside>
  4. <span>
答案：b
<article> 用於獨立內容，如文章、貼文。

18. <aside> 通常表示什麼？

  1. 主內容
  2. 頁首
  3. 補充內容／側欄
  4. 腳註
答案：c
aside 常用於側欄或補充資訊。

19. 如何快速開啟 Chrome 的開發者工具？

  1. 右鍵 → 刷新
  2. 右鍵 → 檢查
  3. Ctrl + A
  4. 設定 → 字體大小
答案：b
右鍵「檢查」是最常用的方法。

20. 下列哪個不是 head 內的標籤？

  1. <title>
  2. <meta>
  3. <link>
  4. <footer>
答案：d
<footer> 屬於 body 內容，不會放在 head 裡。