• ｀<｀!DOCTYPE html>：這是HTML5的文檔類型聲明，告訴瀏覽器使用HTML5標準解析該頁面。
• ｀<｀html lang=“zh-Hant-TW">：這是根元素，指定了網頁的語言為繁體中文（台灣）。

• ｀<｀head>：這個部分包含網頁的元訊息和資源，不會顯示在瀏覽器視覺化界面中。
• ｀<｀meta charset="utf-8">：這個元素指定網頁使用UTF-8字符編碼，確保支援多種字符。
• ｀<｀title>關於網頁設計｀<｀/title>：這個元素設置網頁標題，顯示在瀏覽器標籤上。
• ｀<｀meta name="viewport" content="width=device-width, initial-scale=1.0">：這個元素設置網頁的視口（viewport）屬性，用於響應式設計，確保在不同設備上正確顯示。
• ｀<｀meta name="description" content="關於網頁設計">：這個元素設置網頁的描述，通常用於搜索引擎索引。
• ｀<｀link rel="stylesheet" href="style.css">：這個元素鏈接到一個外部的CSS樣式表（style.css），用於設置網頁的外觀和樣式。

• ｀<｀body>：這是網頁的主要內容部分，包含在瀏覽器窗口中顯示的內容。
• ｀<｀header>：這是頁首區塊，通常包含網站的標題、標誌等。
• ｀<｀div class="logo">：這是一個div元素，標有"logo"類，顯示了網站的標題文本。
• ｀<｀nav class="navigation">：這是導航欄的區塊，用於放置網站的導航鏈接。
• ｀<｀ul>：這是無序列表，包含了一系列導航項目。
• ｀<｀li>｀<｀a class="active" href="index.html">首頁｀<｀/a>｀<｀/li>：這是一個導航項目，連接到 "index.html"，並設置了"active"類，表示當前選中的頁面。
• ｀<｀li>｀<｀a href="HTML.html">HTML｀<｀/a>｀<｀/li>：另一個導航項目，連接到 "HTML.html"。
• ｀<｀li>｀<｀a href="CSS.html">CSS｀<｀/a>｀<｀/li>：另一個導航項目，連接到 "CSS.html"。
• ｀<｀li>｀｀<｀a href="Java Script.html">Java Script｀<｀/a>｀<｀/li>：最後一個導航項目，連接到 "Java Script.html”。

• ｀<｀main>：這是網頁的主要內容區域，包含了兩個｀<｀div>元素，用於放置文本內容。
• ｀<｀div>製作網頁的起因...｀<｀/div>：這是一個｀<｀div>元素，包含了一段文字，描述了創建網頁的原因和動機。
• ｀<｀div>網頁的規劃...｀<｀/div>：另一個｀<｀div>元素，包含了更多關於網頁規劃和設計的描述。

目前製作結果：