統測
115年
[商業與管理群] 專業科目(1)
第 48 題
📖 題組:
甲同學展示了一段網頁檔案 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>
甲同學展示了一段網頁檔案 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>
甲同學展示的網頁程式有若干錯誤,這些錯誤導致網頁內容沒有完整顯示,該程式碼可能被誤植之處及其可修正的情境如下:
① 第 1 行!doctype 應為!htmltype
② 第 4 行 UTF-8 應為 utf-8
③ 第 7 行 body 應為 #body
④ 第 7 行 txt 應為 text
⑤ 第 8 行 IDname 應為 #IDname
下列何者正確?
① 第 1 行!doctype 應為!htmltype
② 第 4 行 UTF-8 應為 utf-8
③ 第 7 行 body 應為 #body
④ 第 7 行 txt 應為 text
⑤ 第 8 行 IDname 應為 #IDname
下列何者正確?
- A ④、⑤
- B ③、⑤
- C ②、③
- D ①、②
思路引導 VIP
請仔細觀察第 7 行與第 8 行的 CSS 語法:如果要讓文字置中,CSS 的對齊屬性全名是什麼?另外,要指定特定 id 屬性的元件時,CSS 選擇器前面需要加上什麼符號呢?
🤖
AI 詳解
AI 專屬家教
太棒了,完全答對!這題精準考驗了你對 HTML 基礎結構 與 CSS 語法規則 的敏銳度。
HTML 與 CSS 語法勘誤
- 文字對齊屬性(④ 正確):在 CSS 中,水平對齊的正確屬性名稱為
text-align,程式碼中的txt-align屬於拼寫錯誤,瀏覽器無法辨識。
▼ 還有更多解析內容
HTML與CSS語法除錯
💡 正確辨識 HTML 標籤宣告與 CSS 選擇器語法規範。
| 比較維度 | ID 選擇器 | VS | 類別 (Class) 選擇器 |
|---|---|---|---|
| CSS 前綴符號 | # (例如 #IDname) | — | . (例如 .ClassName) |
| HTML 屬性 | id="名稱" | — | class="名稱" |
| 使用次數 | 同一 ID 在網頁僅限一次 | — | 同類別可多次重複使用 |
💬ID 具唯一性使用井字號,Class 具通用性使用點號。