1. HTML的代碼文件
（1）打開Hbuilder開發工具，新建項目，點擊右鍵新建一個HTML文檔。
（2）在文檔中寫HTML代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>産品列表</title>
</head>
<body>
這是産品頁面
<b>好好學習，天天向上</b>
<h1>好好學習，天天向上</h1>
</body>
</html>
溫馨提示：
常用的快捷鍵：
Ctrl s:保存
ctrl c:複制
ctrl x：剪切
ctrl v：粘貼
2. HTML的基本結構
對于HTML文件的後綴名一般為“html”或“htm”
2.1HTML的标簽格式
（1）什麼是html标簽？
HTML标簽是有開始标簽和結束标簽組成
開始标簽：是被尖括号包圍的元素名。
結束标簽：是被尖括号包圍的斜杠和元素名
<元素>内容 </元素>
例如：<b>好好學習天天向上</b>
注意：有些HTML标簽是沒有結束标簽的, <hr/>
(2)單标簽和雙标簽
雙标簽：例如：<b></b>
單标簽：<hr/> <br/>
(3) 标簽的屬性
<font size="1">好好學習</font>
<font size="7">好好學習</font>
<h1 title="h1" style="color: red;">
我是一個标題标簽
</h1>
3. HTML基本結構的認識
<!-- <!DOCTYPE html>:文檔聲明，告知浏覽器文檔使用哪種HTML或XHTML規範，讓浏覽器通過正确的方式解析我們的網頁，讓網頁能夠正确的顯示。-->
<!DOCTYPE html>
<!-- <html>标簽：是網頁的跟标簽-->
<html>
<!--head是網頁頭，一般表示網頁中描述信息-->
<head>
<!--
meta：提供網頁的相關信息，有利于搜索引擎收錄
charset="UTF-8"： 設置網頁編碼方式為utf-8
name="Keywords" ：設置網頁關鍵字
name="viewport": 設置網頁視窗大小
-->
<meta name="Keywords" content="HTML5前端開發工程師入門到精通課程"/>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<!-- <title></title>：表示網頁的标題 -->
<title></title>
</head>
<body>
<!--
<body> </body>：網頁的主體内容，用戶呈現的内容，比如文字，圖片，鍊接，視頻……
-->
</body>
</html>
4. HTML的注釋
<!--這裡是注釋的内容-->
5. HTML的編碼問題
常見編碼個格式：
UTF-8:國際通用的編碼格式
GBK/GB2312:中文編碼字符
HTML的編碼：<meta charset="UTF-8">
6. HTML規範
（1）html标簽都是有尖括号包圍的标簽，比如<b>
（2）标簽通常是成對存在，<b></b>,<h1></h1>
（3）HTML不區分大小寫，我們建議小寫。
（4）HTML可以嵌套，但是允許交叉嵌套
正确寫法：<b> <h1>我很粗</h1> </b>
錯誤寫法：
<b> <h1>我很粗 </b></h1>
更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
