整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
TML 實(shí)例
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程(runoob.com)</title></head><body><h1>我的第一個(gè)標(biāo)題</h1><p>我的第一個(gè)段落。</p></body></html>
實(shí)例解析
DOCTYPE 聲明了文檔類型
位于標(biāo)簽 <html> 與 </html> 描述了文檔類型
位于標(biāo)簽 <body> 與 </body> 為可視化網(wǎng)頁(yè)內(nèi)容
位于標(biāo)簽 <h1> 與 </h1> 作為一個(gè)標(biāo)題使用
位于標(biāo)簽 <p> 與 </p> 作為一個(gè)段落顯示
| <!DOCTYPE html> 在HTML5中也是描述了文檔類型。 |
什么是HTML?
HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。
HTML 指的是超文本標(biāo)記語(yǔ)言: HyperText Markup Language
HTML 不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言
標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽 (markup tag)
HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)
HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容
HTML文檔也叫做 web 頁(yè)面
HTML 標(biāo)簽
HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)。
HTML 標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞，比如 <html>
HTML 標(biāo)簽通常是成對(duì)出現(xiàn)的，比如 <b> 和 </b>
標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開始標(biāo)簽，第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽
開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽
<標(biāo)簽>內(nèi)容</標(biāo)簽>
HTML 元素
"HTML 標(biāo)簽" 和 "HTML 元素" 通常都是描述同樣的意思.
但是嚴(yán)格來(lái)講, 一個(gè) HTML 元素包含了開始標(biāo)簽與結(jié)束標(biāo)簽，如下實(shí)例:
HTML 元素:
<p>這是一個(gè)段落。</p>
Web 瀏覽器
Web瀏覽器（如谷歌瀏覽器，Internet Explorer，F(xiàn)irefox，Safari）是用于讀取HTML文件，并將其作為網(wǎng)頁(yè)顯示。
瀏覽器并不是直接顯示的HTML標(biāo)簽，但可以使用標(biāo)簽來(lái)決定如何展現(xiàn)HTML頁(yè)面的內(nèi)容給用戶：
HTML 網(wǎng)頁(yè)結(jié)構(gòu)
下面是一個(gè)可視化的HTML頁(yè)面結(jié)構(gòu)：
<html>
<head>
<title>頁(yè)面標(biāo)題</title>
</head>
<body>
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一個(gè)段落。</p>
<p>這是另外一個(gè)段落。</p>
</body>
</html>
| 只有 <body> 區(qū)域 (白色部分) 才會(huì)在瀏覽器中顯示。 |
HTML版本
從初期的網(wǎng)絡(luò)誕生后，已經(jīng)出現(xiàn)了許多HTML版本:
| 版本 | 發(fā)布時(shí)間 |
|---|---|
| HTML | 1991 |
| HTML+ | 1993 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML 1.0 | 2000 |
| HTML5 | 2012 |
| XHTML5 | 2013 |
<!DOCTYPE> 聲明
<!DOCTYPE>聲明有助于瀏覽器中正確顯示網(wǎng)頁(yè)。
網(wǎng)絡(luò)上有很多不同的文件，如果能夠正確聲明HTML的版本，瀏覽器就能正確顯示網(wǎng)頁(yè)內(nèi)容。
doctype 聲明是不區(qū)分大小寫的，以下方式均可：
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
通用聲明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
查看完整網(wǎng)頁(yè)聲明類型 DOCTYPE 參考手冊(cè)。
中文編碼
目前在大部分瀏覽器中，直接輸出中文會(huì)出現(xiàn)中文亂碼的情況，這時(shí)候我們就需要在頭部將字符聲明為 UTF-8。
HTML 實(shí)例
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>頁(yè)面標(biāo)題</title></head><body><h1>我的第一個(gè)標(biāo)題</h1><p>我的第一個(gè)段落。</p></body></html>
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
什么是編程語(yǔ)言？"我總會(huì)問自己這個(gè)問題，SQL是嗎？Excel是嗎？HTML是嗎？……這些問題總在困擾著我，所以我把這些疑問整理成問卷的形式，向各位網(wǎng)友征集了大家的想法。
上圖就是我們這次調(diào)研結(jié)果，這次調(diào)查我們一共設(shè)置了三個(gè)選項(xiàng)：是、否和棄權(quán)，調(diào)查對(duì)象主要有HackNews和Reddit的讀者組成。
正如我們所預(yù)期的那樣，絕大多數(shù)人都認(rèn)同C、Java和JavaScript是編程語(yǔ)言，而其他選項(xiàng)的調(diào)查結(jié)果就有趣了很多：
Verilog:大多數(shù)人同意Verilog(硬件描述語(yǔ)言)是一種編程語(yǔ)言，他們認(rèn)為即使軟件的輸出是硬件，但生成硬件的過程仍然是程序化的。
SQL:大多數(shù)人認(rèn)為SQL是一個(gè)編程語(yǔ)言，但是很多人因?yàn)槠淙狈ν暾远岢隽水愖h，SQL雖然沒有類和循環(huán)，但其仍然有算術(shù)表達(dá)式、函數(shù)和變量。
C preprocessor:被調(diào)查者對(duì)于C preprocessor的興趣明顯要高于正則表達(dá)式，C preprocessor本質(zhì)上是一個(gè)字符串替換引擎，它比正則表達(dá)式的功能更少，只用于生成C代碼。但是，很多人認(rèn)為是否被用來(lái)生成代碼是判斷是否為編程語(yǔ)言的關(guān)鍵因素。
LaTeX:咋一看，這是最接近編程語(yǔ)言的，LaTeX具有變量，函數(shù)和許多其他類PL功能（LaTeX是Turing-complete?。?，但是由于它的輸出是一個(gè)文檔，所以我并不看好大家會(huì)把它當(dāng)做是一種編程語(yǔ)言。
但是令人驚訝的是，它就排在C preprocessor之后。
CSS:進(jìn)入Web語(yǔ)言時(shí)代之后，少數(shù)的受訪者也把CSS當(dāng)做是一種編程語(yǔ)言。
TensorFlow：TensorFlow是一種具有變量、循環(huán)、編譯器等的數(shù)據(jù)流語(yǔ)言。然而，因?yàn)樗且环N特定于領(lǐng)域的語(yǔ)言，而且沒有獨(dú)立的語(yǔ)法(它通常通過Python API編程)，大多數(shù)被調(diào)查者并不認(rèn)為它是一種編程語(yǔ)言。
HTML:可能和CSS的情況一樣。
JSON: JSON是一種數(shù)據(jù)規(guī)范語(yǔ)言，但是大多數(shù)人并不把它當(dāng)做是編程語(yǔ)言。
Microsoft Word: GUIs不可能是編程語(yǔ)言!
Eclipse:看結(jié)果，很顯然并不是！
對(duì)于上述列舉的大家是否認(rèn)為其屬于編程語(yǔ)言呢？歡迎在下方留言評(píng)論！
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
