簡介

<aside> 💡

HTML5的簡介可以參考廖建翔老師的書 (第一章)。

</aside>

甚麼是網頁(Web Page)? 過去網頁主要以HTML為基底，但是，現在的網頁都不只是單純的HTML了。除了HTML之外，現代的網頁會使用CSS及Javascript。另外，也會套用一些設計好的CSS及Javascript，例如，使用Bootstrap。

前面提到的都是呈現網頁的方式，除此之外，一般的網頁都會放在網頁伺服器上，最常見的網頁伺服器就是Apache，我們可以透過程式語言(如:PHP)去存取網路服務或資料庫，再把內容以網頁的形式呈現，這部分會在二上的「Web程式設計」課程學到。除了在「Web程式設計」介紹的PHP之外，其實很多程式語言也都可以開發網站，例如大一上學過的Python，還有一下的Java，也都可以開發網站。這些語言中，PHP是最特別的，因為PHP就是為了開發網頁而設計的語言。其他語言則是需要一些額外的程式庫或框架來撰寫網頁。例如，以Python為基礎的Django、Flask、FAST，以Java為基礎的Spring。以Java為例，其實經歷很長的演進，從早期的CGI，Servlet、JSP到現在的Spring。我們一般稱這些為後端開發技術。

網頁的部分，也就是所謂的前端開發技術也因為設計越來越複雜，所以，也可以利用程式庫或框架來撰寫網頁，例如，React、Vue、Angular。這些比較複雜的開發技術可以在「進階Web程式設計」課程中學習到，「進階Web程式設計」課程中前端介紹以React為基礎的Next框架，後端採用以python為基礎的FAST框架。Next是個很特別的框架，除了可以開發前端之外，近幾年也可以開發後端，也就是可以利用javascript開發網頁前後端。

網頁技術其實從一開始到現在已經30幾年了，也歷經了很多的演進。以HTML為例，從1994年制定標準到2014年的HTML5，也歷經了很多的改變。

<aside> 💡

HTML5的特色可以參考廖建翔老師的書 (1-4)。

</aside>

工具

其實可以使用任何純文字編輯器寫HTML，不過，不要使用word來寫HTML，有一陣子是可以利用Word產生HTML，但是，現在已經不行了。

雖然可以使用任何文字編輯器寫HTML，但是，建議使用程式人員慣用的開發工具來寫HTML，這些工具有內建一些小幫手來協助我們開發HTML。

<aside> 💡

常用的工具可以參考廖建翔老師的書 (1-5)。

</aside>

網頁基本內容

一般而言，一個空的網頁至少會有以下的內容。html的語法是以標籤(tag)為基礎，標籤是夾在「<」及「>」中間，例如:「<html>」。標籤又分為Start Tag，如:「<html>」及End Tag，如:「</html>」，加了「/」的就是End Tag。在Start Tag與End Tag之間就是這個標籤的有效範圍。

<html>
</html>

也會有單一的tag，也就是本身是Start Tag也是End Tag，例如「<br />」，會在tag最後多一個「/」。

另外，Tag裡可以包含另一個Tag，例如<hmtl>裡，包著<body>，就跟程式語言的「{}」一樣，是階層式的，也就是一層包著一層的。習慣上會將另一個Tag內縮，方便閱讀。


<html>
  <body>
  </body>
</html>