掃碼添加微信HTML即超級文本標記語言，是標準通用標記語言下的一個應用，也是一種規范，一種標準，它通過標記符號來標記要顯示的網頁中的各個部分。網頁文件本身是一種文本文件，通過在文本文件中添加標記符，可以告訴瀏覽器如何顯示其中的內容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網頁文件，然后根據標記符解釋和顯示其標記的內容，對書寫出錯的標記將不指出其錯誤，且不停止其解釋執行過程，編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是，對于不同的瀏覽器，對同一標記符可能會有不完全相同的解釋，因而可能會有不同的顯示效果。
HTML的發展
基礎知識
html文檔及靜態網頁，常用的格式有.htm和.html
html文檔可以直接用瀏覽器打開，本地的html文檔一般雙擊即可調用默認的瀏覽器軟件打開。
一般情況下，在瀏覽器中右擊，選擇“查看源文件”、“查看源代碼”，即可看到編寫該網頁的html代碼。
任何一個網頁都是由html代碼組成，其中包括我們現在講的html，還包括后期會講到的css、js等內容。
常用工具
編輯器：Dreamweaver、Notepad++、Sublime、editplus等
瀏覽器：建議使用google chrome。
HTML基本結構及文檔頭
<html><!--根控制標記--> <head> <!--網頁頭部區域--> </head> <body> <!--網頁顯示區域--> </body> </html><!--根控制標記(尾)-->
在“頭部區域”中，可能還會插入以下一些內容：
<title></title> <!--網頁的標題(顯示在瀏覽器標題欄的文字)--> <meta /> <!--meta元素，包括字符編碼、關鍵字、描述等等內容。--> <style></style> <!--內部樣式表--> <link /> <!--外部文件鏈接，主要為外部樣式表--> <script></script> <!--js程序-->
其中指定字符編碼往往是必須的，否則可能導致頁面顯示亂碼。針對html4.01及xhtml來說，字符編碼的定義如下：
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
除此之外，“文檔聲明”也非常的重要，如果一個html文檔沒有文檔聲明，可能會導致一些意想不到的錯誤。
HTML 4.01 Transitional(4t)：包含所有HTML元素和屬性，包括展示性的和棄用的元素（比如font）。不允許框架集（Framesets）。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Strict)(4s)：包含所有HTML元素和屬性，但不包括展示性的和棄用的元素（比如font）。不允許框架集（Framesets）。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Frameset：等同于HTML 4.01 Transitional，但允許框架集內容。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict(xs)：包含所有HTML元素和屬性，包括展示性的和棄用的元素（比如font）。不允許框架集（Framesets）。必須以格式正確的XML來編寫標記。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional(xt)：包含所有HTML元素和屬性，包括展示性的和棄用的元素（比如font）。不允許框架集（Framesets）。必須以格式正確的XML來編寫標記。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">而到html5的時代，上面的什么就有些累贅了，我們可以簡單如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
</body>
</html>
注意事項
編寫文件的注意事項
“<”和“>”是任何標記的開始和結束。
標記和標記之間可以嵌套。但必須如數學中大中小括號一樣逐層關閉。
<html><body>html文件注意事項</body></html>
在源代碼中不區分大小寫。
<html>與<HTML>一樣
任何回車和空格在源代碼中不起作用。
HTML標記中可以放置各種屬性。多個屬性之間用空格分割，屬性和屬性值之間用等號鏈接，屬性值可以用引號括起來，也可以不用括。
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
可用“<!--”、“-->” 在源代碼中添加注釋。
大多數的html標簽都是成對出現的，也就是有開始部分就有對應的結束部分，如：
<html></html> <head></head> <body></body>
但也有部分的標簽只有開始，沒有結束，如：
<meta> <link>等等，在xhtml中，這部分標簽必須以“/>”結束，如：<meta ... /> <link ... />
© 致遠 2020-02-14，原創內容，轉載請注明出錯：html基礎知識及概述