什麼是HTML？
上篇文章中，我把HTML比作是皮影的骨架。
那麼今天就開始看看這個骨架是由什麼組成的。我們應該怎麼去創造這個骨架。
首先在概念上，
HTML
指的是
超文字標記語言
（
H
yper
T
ext
M
arkup
L
anguage），是用來
描述網頁
的一種語言。由瀏覽器進行解析和執行。
其次在作用上，HTML有一套標記
標籤
，這套標記標籤的
作用
就是用來
描述網頁
的。
最後在內容上，HTML文件也叫
Web頁面
，包含了
HTML標籤
以及
文字內容
。文件的字尾名包含“。html、。htm”（常用的一般都是。html）。
HTML檔案的基本結構
在上圖中，你所看到的就是html檔案的基本網頁結構。讓我們來看看它們都有什麼作用。
<！DOCTYPE html>
這行程式碼的作用是宣告文件的格式為html文件。這個宣告不區分大小寫。
一個網頁中所有的內容全部寫在
html對標籤
中，它有
開始標籤
和
結束標籤
兩個標籤，這種就叫對標籤。只有開始標籤沒有結束標籤的就叫單標籤。該標籤定義了整個HTML文件。它的作用是用來
描述網頁
。相當於是皮影的整個身體。
head對標籤包含了所有頭部標籤元素，如meta和title標籤。head對標籤是用來描述文件的元資料。相當於是皮影的頭的骨骼。
標籤提供HTML文件的元資料，通常存在head標籤中。這個資料是被瀏覽器解析的，不在客戶端顯示。
其中charset=“UTF-8”，是定義網頁編碼格式，在中文網頁中必須使用其進行宣告編碼，否則會出現亂碼。
title對標籤存放位置必須存放在head標籤中。該標籤中的內容是描述文件的標題，簡單點來說就是網頁執行時在瀏覽器視窗上顯示的檔名，就如下圖。相當於是皮影的名字。
body對標籤定義文件的主體，包含文件的所有內容（如文字、超連結、影象、表格和列表等）。這些內容就是我們在網頁上看到的頁面。且除title標籤外，只有在body標籤中輸入的內容才能在瀏覽器中顯示。body標籤相當於是皮影的身體骨骼。
以上就是每次新建html檔案時基本的標籤結構。
實踐操作——新建一個HTML頁面
第一步：開啟vscode，點選檔案——新建文字檔案，或者直接Ctrl+N新建文字檔案，兩種方式任選一種。新建之後就會出現以下頁面。
第二步：點選檔案——儲存，或者Ctrl+S儲存，彈出選擇檔案的儲存位置，預設是字尾名為。txt的檔案。我們需要將檔名改為index。html，然後點選儲存。檔名可以自定義設定，但為了養成一個好習慣，建議檔名使用全英文，不要使用中文。
儲存成功後文件名就會顯示出來。
第三步：將輸入法切換為英文半形模式，輸入“！”，敲擊Tab鍵，就會自動生成html檔案的網頁結構。
第四步：檔案新建完成後選擇執行——啟動除錯——選擇你的瀏覽器，直接就會在瀏覽器上顯示該網頁程式碼內容。
好了，今天的學習內容就到這裡，明天開始學習常用內容標籤。
