什麼是網頁呢！？網頁就是你正在瀏覽的頁面

一個網站可能會有許多頁面，我們就稱之為網頁

而網頁是透過哪些語言所組成的呢？

主要有三大種

一、HTML

二、CSS

三、JavaScript

以下將一一解說這三種語言

一、HTML

  • HyperText Markup Language
    簡稱：HTML
    全名：超文本標記語言
  • 網頁的基本架構，如文字、圖片、超連結、表格等等的「內容」
  • 檔案副檔名 .html .htm
  • 非程式語言，僅僅只是一種「語言」

二、CSS

  • Cascading Style Sheets
    簡稱：CSS
    全名：層疊樣式表
  • 網頁的樣式美觀、佈局排版，如圓形的按鈕、紅色的背景、排版在左邊的側邊欄
  • 檔案副檔名 .css
  • 必須與HTML搭配使用才有作用
  • 非程式語言

三、JavaScript

  • JavaScript
    簡稱：JS
  • 增添網頁與使用者的互動性效果，如警告出現的彈跳視窗、自動左右滑動的廣告banner、抽獎轉盤小遊戲
  • 檔案副檔名 .js
  • 是一種程式語言，前端工程師主要就是使用JS
  • 跟Java沒有血緣關係，兩者是不一樣的程式語言！

結語

一個網頁的組成必定要有HTML與CSS

因為如果只有HTML沒人會想看

借一下全聯網站當示範

沒有CSS樣式就會變成……

沒有CSS樣式的網頁
移除CSS樣式的網頁

有時候網頁CSS樣式載入失敗時，網頁就會變成這副醜醜的模樣

加上CSS樣式之後，就是正常的網頁了~

有排版有顏色等等的樣式

加上CSS樣式的網頁

以上網頁的基本組成就是由 HTML、CSS、JS 三大語言所組成

如果想要成為網頁前端工程師

得先摸清HTML與CSS

有良好的基礎再學習JS會更快速喔！