HTML、CSS 與 JavaScript

重要度:⭐⭐⭐⭐⭐⭐難度:⭐⭐

網頁三元素

HTML、CSS 與 JavaScript 分別是構成網頁的三元素,當然你可以只使用HTML來製作,不過效果大概跟建築物不漆油漆與沒有傢俱,只剩鋼筋與水泥一樣簡陋,所以建議還是將其他兩者CSS(油漆)與JavaScript (傢俱)一起學習好。

一份 HTML 文件由眾多的元素組成,單個元素的開始由標籤頭到標籤尾結束並使用英文小寫表示。

某些元素如 <br> 開始即為結束,稱之為空元素。

以下為一個簡單的 HTML 範本。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>高中生的前端設計入門</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
 
  <h1>我的第一個標題</h1>
   
  <p>我的第一個段落。</p>
  
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</body>
</html>

我們 <head> 元素中放入 <title> 元素(網頁標題)、<script> 元素(JavaScript)或是 <link> (CSS)元素。

此處涉及瀏覽器解析與JavaScript,我們後面再談。

<meta> 元素將包含關鍵字、網頁內容編碼等只給瀏覽器看內容。

Last updated

Was this helpful?