改變未來很簡單，從這裏開始你的第一個 HTML5 網頁 ~~ :)
這一篇開始，我們要正式進入 HTML5 的入門課程，前一篇簡要的說明了 HTML5 檔案與網頁的概念，這一篇來看真正的實作，不過為了方便閱讀，我們將 HTML5 的概述內容再貼一次。
關於 HTML5
最簡單的 HTML5 應用程式是一個單一的純文字檔，以.html 或是.htm 為副檔名，內容主要由三種元素所組成，分別是HTML 標籤、 JavaScript 程式碼以及CSS 樣式語言，由瀏覽器解譯執行，學習HTML5 的過程中，你必須瞭解這些相關的技術議題，才能成為一名合格的入門HTML5 設計師。
一個HTML5 檔案是一個網頁，也是一支Web 應用程式，而複雜的Web 應用程式可能包含數量龐大的網頁與相關的程式碼，它可以作到幾乎任何你想要透過軟體作的事，就如同常見的視窗軟體，而開發HTML5 檔案不需要專屬的軟體，只要有最基本的文字編輯器進行編寫，然後任何一個支援HTML5 的瀏覽器即可測試。
進入HTML5 殿堂
既使沒有任何基礎的人，也可以很容易入門HTML5 ，開啟你的文字編輯器，輸入以下的內容：
<!DOCTYPE html >這一行程式碼宣告此為HTML5 網頁，完成之後，指定一個名稱，例如 first-html5，並且以副檔案.html 或是.htm 進行儲存，完整的檔案名稱則是first-html5.html（first-html5.htm），這樣你就完成了一個最簡單的HTML5 檔案，透過瀏覽器將其開啟即可。
如你所見，此截圖為利用瀏覽器執行此 first-html5.html 檔案的結果，當然，目前你還不懂HTML5 ，而且只完成了宣告的HTML5 檔案在瀏覽器也不會呈現任何內容，不過你要記得的是這確實是一個標準的HTML5 檔案。當然，一個標準的HTML5 網頁不會只有一行而已，很快的，我們擴充此範例的內容，建立一個最典型的HTML5 網頁，此次建立一個具完整結構的HTML5 檔案，來看看其中的內容。
<!DOCTYPE html >
<html>
<head>
<title>第一個標準的 HTML5 網頁</title>
</head>
<body>
<P>HELLO HTML5 !</P>
</body>
</html>
除了第一行，接下來是由幾組標籤構成的巢狀內容，我們以視覺化結構的方式檢視，如下圖：
每一組標籤在網頁上形成一個封閉的區塊，並且逐一配置形成巢狀的區塊，這些標籤成對出現，<html></html> 這一組的標籤形成的區塊內容表示整個HTML 網頁，其內部有<head></ head > 與 <body></body> 這兩組標籤。
- <head>
這一組標籤的內部配置與此網頁有關的資訊與描述資料，此範圍的內容並非網頁欲呈現的內容，因此不會呈現在網頁上。
- <body>
這一組標籤構成網頁的內容主題，其中配置網頁上所要呈現的內容，這些內容同樣由特定的標籤所定義。
到目前為止，我們看到了一個單純但是典型的HTML5 網頁內容與其組成架構，透過瀏覽器會看到以下的結果：
這個畫面有兩個重點，上方的標題「第一個標準的HTML5 網頁」，是由<head> 標籤裏面的<title> 標籤內容所定義，代表網頁的標題，而網頁的內容，也就是「HELLO HTML5 !」，由 <p> 這一組標籤所定義，表示網頁中的一段文句。
我們完成了具體的HTML5 網頁討論，結束之前，以下列舉幾項關鍵概念：
- HTML5 網頁的內容由一群特定的標籤所定義。
- 標籤由兩個角型符號與代表此標籤的元素名稱構成，例如<body> 標籤，表示一個body 元素，代表網頁的主體內容。
- 原則上標籤總是開始與結束標籤成對出現，結束標籤的一開始角型符號後方多了一個斜線字元，例如</body> ，某些標籤可以省略結束標籤，而某些標籤只有單一標籤，例如用來表示斷行定義的<br/> 。
好了，現在你知道 HTML5 網頁是怎麼一回事了，接下來，你必須認識更多的標籤，才能進一步定義更複雜的網頁內容，這些標籤在後續的章節裏面將逐一作討論，除此之外，下一篇進一步討論 JavaScript 與 HTML5 網頁的關係，還有它在 HTML5 網頁所扮演的角色。
