什麼是 HTML？

HTML 是超文本標記語言的縮寫。我知道這很拗口，但基本上，我們使用 HTML 來定義網頁的結構或建構塊。

什麼是CSS？

CSS 是層疊樣式表的縮寫。我們用它來設計網頁樣式並使其美觀。

什麼是 JavaScript？

JavaScript 用於在網頁上新增功能。打個比方吧

想像一棟建築物。

現實世界中的建築物就像網路上的網頁。它有一個骨架或結構—建築物的框架和基礎 (HTML)。

它還可以有漂亮的牆壁、窗戶和瓷磚，以完成它並使其看起來漂亮 (CSS)。

它可以具有某些功能，例如成為家庭、醫院或超市 (JavaScript)。

例如，當我們按下電梯按鈕時，它就會來接我們。在我們的類比中，JavaScript 可以實現這一點。

一個真實的例子

這是一個真實的例子。假設您想建立一個像 Twitter 這樣的網站。對於配置文件，您希望有這樣的佈局：

首先，我們使用 HTML 來定義此佈局的建構塊。這裡的構建塊是什麼？

1. 一個圖像。
2. 一些指示用戶 Twitter 句柄的文字（例如，@KarlgustaAnnoh）。
3. 包含訊息的另一個文字區塊（透過故事教學編碼...）。
4. 用於編輯個人資料、位置、連結和日期的按鈕/圖示。
5. 關注者數。

我們使用 HTML 將這些構建塊添加到我們的網頁中。

然後，我們使用 CSS 賦予其視覺吸引力。例如，使用 CSS，我們可以將文字設為​​粗體（如名稱），我們可以將圖像設為圓形。我們還可以更改位置、連結和日期圖示的顏色，並定義將滑鼠懸停在它們上方時的外觀。

所以，CSS 是關於視覺效果的。借助CSS，我們還可以創造漂亮的動畫。

現在，大多數的網頁都是互動式。它們響應我們的操作，例如單擊和滾動。這就是 JavaScript 的用武之地。使用 JavaScript，我們可以為網頁新增功能或行為。例如，我們可以點擊一個按鈕來關註一個人。

因此，JavaScript 是一種程式語言，而 HTML（標記語言）和 CSS（樣式語言）從技術上來說不是。這意味著我們不能用它們來告訴電腦該做什麼。我們使用它們來定義網頁的構建塊並設定它們的樣式。

您在網路上看到的每個網頁都是用這三種語言建構的。因此，您越了解和理解它們及其功能，您在前端開發方面就會越好。

下期見！

附註這是我的新系列。如果您是程式設計新手，並且需要一些學習程式設計的協助，請查看 2 小時 Web 開發人員。