第 1 題
1 分在設計和編寫一個新的 HTML5 網頁時，為了確保網頁結構的完整性，並且能夠被瀏覽器正確解析和顯示，以下哪一組 HTML 標籤是構成任何基本網頁的三個最核心和必需的結構性元素？
高中 (HKDSE) · 資訊及通訊科技
初級網頁創作：練習題
5 條多項選擇題即時批改，另有 2 條文字題附完整解題步驟，全部圍繞「初級網頁創作」。
7 條題目16 分免費，無需登記
第 2 題
1 分一位網頁開發人員正在為網站設計一個主要標題（使用 <h1> 標籤）。在同一個網頁中，設計師以三種不同的方式為這個標題設定文字顏色：
- 外部樣式表（External CSS）： 在
styles.css檔案中定義h1 { color: blue; }，並通過<link>標籤引入。 - 內部樣式表（Internal CSS）： 在 HTML 檔案的
<head>區域內使用<style>標籤定義h1 { color: red; }。 - 內嵌樣式（Inline CSS）： 直接在
<h1>標籤中使用style屬性定義style="color: green;"。
假設上述三種樣式設定都沒有使用 !important 規則，請問根據 CSS 的「層疊順序 (Cascade Order)」及「優先權 (Specificity)」，這個 <h1> 標題最終會呈現哪種顏色？
第 3 題
1 分一位網頁開發人員正在設計一個線上註冊表格。表格提交後，必須執行以下兩個關鍵的處理步驟：
步驟一：前端即時驗證
檢查用戶輸入的密碼是否符合特定的長度及複雜度要求，並確保所有必填字段都已填寫。此步驟的目標是提供即時反饋、減少網路往返次數，並降低不必要的伺服器負載。
步驟二：後端安全處理與數據持久化
接收並再次驗證用戶提交的資料（防止客戶端驗證被繞過），將用戶名稱和密碼的雜湊值 (hash value) 安全地儲存到網站的中央數據庫中，並返回註冊成功確認。
從執行效率、安全性、資源消耗及功能需求的角度來看，開發人員應該主要選用以下哪組技術來實現步驟一和步驟二？
第 4 題
1 分在編寫網頁時，超文本標示語言 (HTML) 中，哪個標籤是最常用來定義網頁上的一段標準文字段落（Paragraph）？
第 5 題
1 分一位網站設計團隊負責管理一個包含數百個頁面的企業網站。為了確保所有網頁都能保持統一的品牌視覺風格，並且方便將來進行大規模的樣式更新（例如更換網站的主題顏色和字體），團隊應該採用以下哪種層疊樣式表（CSS）的實施方法？
第 6 題
5 分「創科小學」計劃建立一個校園活動資訊網頁。以下是網頁設計師提出的部分 HTML 結構：
<h1>2024 校園運動會</h1><p>歡迎參加本年度的運動盛事！</p><ul>
<li>日期：12 月 5 日</li>
<li>地點：校外體育場</li></ul>
(a) 解釋為何使用 HTML 創作網頁能有效解決不同設備（如平板電腦、手機、電腦）之間的跨平台 (Cross-platform) 顯示問題。（2分）
(b) 設計師希望將所有列表項目 (<li>) 的文字顏色改為紅色。請寫出一行 CSS 代碼來達成此目的。（1分）
(c) 網頁中包含一張高解像度的運動會標誌 (Logo)，但檔案大小達 5MB。這對預期讀者的瀏覽體驗有何負面影響？請建議一種較適合網頁使用的圖片壓縮格式。（2分）
先自己寫一次答案，再對照解題步驟。
第 7 題
6 分「健體中學」的學生會正計劃設計一個活動宣傳網頁。以下是網頁設計師提出的部分設計構思：
(a) 解釋為何使用 HTML 創作網頁能解決在不同作業系統（如 Windows, macOS）及設備（如手機, 電腦）上的跨平台 (Cross-platform) 顯示議題。（2分）
(b) 設計師希望維持全站所有子網頁的視覺風格統一（例如相同的背景色和字體大小）。建議一種最有效率的 CSS 實施方法，並說明其優點。（2分）
(c) 為了方便預期讀者瀏覽長篇的活動章則，網頁中使用了內部連結 (Internal Link)。簡述實現此功能所需的 HTML 關鍵屬性及作用。（2分）
先自己寫一次答案，再對照解題步驟。
* thinka提供的內容由AI生成，可能並非總是準確或最新。請將其用作輔助資源，並與官方材料進行核實。
想多做幾條同類題目？立即開始練習呢個課題，即做即批改。
立即練習