大家早安，我是喵橘，終於開始解說程式碼的部分，先從最基礎的部分開始說明。
在前面章節有簡單說明 HTML 的架構，但在使用這些功能，有需要該注意的部份，如以下所顯示：
請使用小寫的英文字母
HTML內的元素，不管是標籤或屬性的名稱，都是以英文來撰寫程式。雖然沒有硬性規定英文字母的大小寫，為了方便與 XHTL 銜接，建議取名的時候養成使用英文小寫的習慣。
屬性值請以引號來包含
在 HTML5 裡雖然沒有強制標籤裡的屬性值一定要以引號來包含，但避免屬性值中還有空白情況，當有多個屬性時候就很容易造成系統判斷錯誤，如下所顯示，因此，要切記添加雙引號或單引號。
< p class = name orangecat> 我是喵橘 </p>
取名請不要取不好辨識的名稱
在寫程式碼，對變數、屬性名稱作取名的動作，切記要好辨識的名稱，分為四種取名的方法，如表所顯示。不過在網頁設計有取名英文單字是小寫，所以，並不是每一個方法都適合，推薦是下劃線命名法。
| 取法方法 | 使用技巧 |
|---|
駝峰命名法 | 是指混合使用大小寫字母來構成變數和函式的名字。首字母小寫。
匈牙利命名法 | 變數名前面加上相應的小寫字母的符號標識作為字首，標識出變數的作用域、型別等。
帕斯卡命名法 | 是指混合使用大小寫字母來構成變數和函式的名字。首字母大寫。
下劃線命名法 | 函數名中的每一個邏輯斷點都有一個下劃線來標記。
<!DOCTYPE html>
<html lang = "zh">
<head>
<meta charset="UTF-8"> <!-- 設定萬國碼 -->
<title>喵橘的家</title> <!-- 可以試著替換，就了解那裡在變化-->
</head>
<body>
我是喵橘 <!-- 可以試著替換，就了解那裡在變化-->
</body>
</html>
製作一個簡單網頁，網頁標題為今天日期，網頁內容就是簡單的自我介紹。成果如下圖所顯示
今天是講解 HTML 文件結構，明天解說網頁文章會使用的標籤語法，感謝大家的閱讀。
iThome鐵人賽
看影片追技術