1.1 html概述和基本結構
HTML是 HyperText Mark-up Language 的首字母簡寫，意思是超文字標記語言，超文字指的是超連結，標記指的是標籤，是一種用來製作網頁的語言，這種語言由一個個的標籤組成，用這種語言製作的檔案儲存的是一個文字檔案，檔案的副檔名為html或者htm，一個html檔案就是一個網頁，html檔案用編輯器開啟顯示的是文字，可以用文字的方式編輯它，如果用瀏覽器開啟，瀏覽器會按照標籤描述內容將檔案渲染成網頁，顯示的網頁可以從一個網頁連結跳轉到另外一個網頁。
1.1.2 html兩種基本結構
一個html的基本結構如下：
[html5版本]
<!DOCTYPE html>
<htmllang="en">
<head>
<meta charset="UTF-8">
<title>網頁標題</title>
</head>
<body>
網頁顯示內容
</body>
</html>
或者如下結構:[ XHTML 1.0版本]
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
網頁顯示內容
</body>
</html>
第一行是文件宣告，第二行“<html>”標籤和最後一行“</html>”定義html文件的整體，“<html>”標籤中的‘lang=“en”’定義網頁的語言為英文，定義成中文是'lang="zh-CN"',不定義也沒什麼影響，它一般作為分析統計用。 “<head>”標籤和“<body>”標籤是它的第一層子元素，“<head>”標籤裡面負責對網頁進行一些設定以及定義標題，設定包括定義網頁的編碼格式，外鏈css樣式檔案和javascript檔案等，設定的內容不會顯示在網頁上，標題的內容會顯示在標題欄，“<body>”內編寫網頁上顯示的內容。