免費開始練習
統測 115年 [商業與管理群] 專業科目(1)

第 47 題

📖 題組：
甲同學展示了一段網頁檔案 index.html 程式碼如圖(五)所示：
圖(五)
1 <!doctype html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title>115 年四技二專統測</title>
6 <style type="text/css">
7 body{txt-align:center; background-color:lightyellow;}
8 IDname{color:BLUE;}
9 </style>
10 </head>
11 <body>
12 <h3>商業與管理群、外語群英語類、
13 外語群日語類</h3>
14 <hr>
15 <p id="IDname">專業科目(一)：商業概論、數位科技概論、
16 <br>數位科技應用</p>
17 </body></html>
題組圖片
題組圖片
下列何者符合網頁程式的顯示結果？
  • A 網頁顯示所有文字均置中對齊
  • B 網頁背景顏色以淡黃色 ( lightyellow ) 顯示
  • C 因未寫另一標籤</hr>，所以網頁未顯示水平線
  • 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，其實漏加了 # 號喔）。你能避開重重陷阱，觀念非常扎實！

🏷️ 相關主題

網頁前端開發技術
查看更多「[商業與管理群] 專業科目(1)」的主題分類考古題

📝 同份考卷的其他題目

查看 115年[商業與管理群] 專業科目(1) 全題

升級 VIP 無限刷題