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>”內編寫網頁上顯示的內容。