統測
115年
[商業與管理群] 專業科目(1)
第 47 題
📖 題組：
甲同學展示了一段網頁檔案 index.html 程式碼如圖(五)所示：\n圖(五)\n1 \n2 \n3 \n4 \n5115 年四技二專統測 \n6 \n10 \n11 \n12
\n15
甲同學展示了一段網頁檔案 index.html 程式碼如圖(五)所示：\n圖(五)\n1 \n2 \n3 \n4 \n5
商業與管理群、外語群英語類、\n13 外語群日語類
\n14\n15
專業科目(一)：商業概論、數位科技概論、\n16
數位科技應用
下列何者符合網頁程式的顯示結果？
- A 網頁顯示所有文字均置中對齊
- B 網頁背景顏色以淡黃色 ( lightyellow ) 顯示
- C 因未寫另一標籤，所以網頁未顯示水平線
- D 兩組文字「商業與管理群、外語群英語類、」與「外語群日語類」會顯示在不同列上
思路引導 VIP
請仔細觀察一下第 7 行負責控制「文字置中」的 CSS 屬性，單字拼寫有沒有哪裡漏了字母呢？另外，HTML 程式碼在編輯器裡的單純斷行，瀏覽器會直接換列顯示嗎？
🤖
AI 詳解
AI 專屬家教
太棒了，你精準抓出了正確答案！這題考驗的是對 HTML 標籤特性與 CSS 語法細節的敏銳度。
我們來看看這段程式碼的玄機。選項 (B) 是正確的，因為第 7 行成功為 body 設定了淡黃色背景（background-color:lightyellow）。那其他選項為什麼錯呢？選項 (A) 是個典型的陷阱，請仔細看第 7 行，文字置中的 CSS 屬性正確拼法應該是 text-align，但這裡少了一個 'e' 變成 txt-align，因此設定無效。選項 (C) 提到的 <hr>（水平線）屬於單標籤（空元素），不需要 </hr> 就能正常顯示。至於選項 (D)，雖然程式碼第 12、13 行有斷行，但在 HTML 網頁中，必須使用 <br> 標籤才會實際換列顯示。
這題屬於中等難度的「除錯題」，鑑別度在於能否看破語法拼字錯誤與理解 HTML 的換行特性（順帶一提，第 8 行的 CSS 若要選取 id，其實漏加了 # 號喔）。你能避開重重陷阱，觀念非常扎實！