網頁前端三元素

2023-10-29

CSS / HTML / JavaScript

網頁

網頁主要是由前端以及後端，這兩個部分組織而成的。

前端

前端的部分，主要是以資料輸入、採集資料；呈現介面樣式以及視覺的部分。

後端

後端的部分，主要是以獲取的資訊，做處理；作為後台管理系統的部分。

前端三大元素

然而現行的前端三大構成元素為：HTML、CSS、JavaScript。

HTML：主要是網頁內容的描述語言，將它視為建立網頁的結構。
CSS：主要是網頁外觀型態的描述語言，讓它美化網頁。
JavaScript：主要用來呈現網頁動態的效果，讓用戶與網頁達到互動的效果。

HTML

HTML 是 HyperText Markup Language 的縮寫，其實它並不是一個程式語言，
而是一個標記語言，藉由主架構之下來做的一種文件標記語言。

主要的架構如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
</html>

CSS

CSS 是 Cascading Style Sheets 的縮寫，跟 HTML 一樣不是一個程式語言，
主要藉由 CSS 將 HTML 標記語言的樣式做美化。

例如想要藉由 CSS 將所有段落變成紅色字：

p {
    color: red;
}

JavaScript

網頁前端所支援的 JavaScript 可以藉由這個程式語言，達到用戶與網頁做互動的功能。

參考資料: