html概述和基本結構
html概述
HTML是 HyperText Mark-up Language 的首字母簡寫，意思是超文字標記語言，超文字指的是超連結，標記指的是標籤，是一種用來製作網頁的語言，這種語言由一個個的標籤組成，用這種語言製作的檔案儲存的是一個文字檔案，檔案的副檔名為html或者htm，一個html檔案就是一個網頁，html檔案用編輯器開啟顯示的是文字，可以用文字的方式編輯它，如果用瀏覽器開啟，瀏覽器會按照標籤描述內容將檔案渲染成網頁，顯示的網頁可以從一個網頁連結跳轉到另外一個網頁。
html基本結構
一個html的基本結構如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>網頁標題</title> </head> <body> 網頁顯示內容 </body> </html>
第一行是文件宣告，第二行“<html>”標籤和最後一行“</html>”定義html文件的整體，“<html>”標籤中的‘lang=“en”’定義網頁的語言為英文，定義成中文是'lang="zh-CN"',不定義也沒什麼影響，它一般作為分析統計用。 “<head>”標籤和“<body>”標籤是它的第一層子元素，“<head>”標籤裡面負責對網頁進行一些設定以及定義標題，設定包括定義網頁的編碼格式，外鏈css樣式檔案和javascript檔案等，設定的內容不會顯示在網頁上，標題的內容會顯示在標題欄，“<body>”內編寫網頁上顯示的內容。
HTML文件型別
目前常用的兩種文件型別是xhtml 1.0和html5
xhtml 1.0
xhtml 1.0 是html5之前的一個常用的版本，目前許多網站仍然使用此版本。
此版本文件用sublime text建立方法： html:xt + tab
文件示例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title> xhtml 1.0 文件型別 </title> </head> <body> </body> </html>
html5
pc端可以使用xhtml 1.0，也可以使用html5，html5是向下相容的此版本文件用sublime text建立方法： html:5 + tab 或者 ! + tab
文件示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> html5文件型別 </title>
</head>
<body>
</body>
</html>兩種文件的區別
1、文件宣告和編碼宣告
2、html5新增了標籤元素以及元素屬性
html文件規範
xhtml制定了文件的編寫規範，html5可部分遵守，也可全部遵守，看開發要求。
1、所有的標籤必須小寫
2、所有的屬性必須用雙引號括起來
3、所有標籤必須閉合
4、img必須要加alt屬性(對圖片的描述)
html註釋：
html文件程式碼中可以插入註釋，註釋是對程式碼的說明和解釋，註釋的內容不會顯示在頁面上，html程式碼中插入註釋的方法是：
<!-- 這是一段註釋 -->
html標籤特點：
html的標籤大部分是成對出現的,少量是單個出現的，特定標籤之間可以相互巢狀，巢狀就是指一個標籤裡面可以包含一個或多個其他的標籤，包含的標籤和父標籤可以是同類型的，也可以是不同型別的：
<!-- 成對出現的標籤 -->
<body>......</body>
<p>......</p>
<div>......</div>
<b>......</b>
<!-- 單個出現的標籤 -->
<br />
<img src="..." />
<input type="..." />
<!-- 標籤之間的巢狀 -->
<p>
<span>...</span>
<a href="...">...</a>
</p>
<div>
<h3>...</h3>
<div>
<span>...</span>
<p>...</p>
</div>
</div>