從技術(shù)上講，HTML是不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言。從現(xiàn)在開始，我們將一起學(xué)習(xí)html語(yǔ)言，它是創(chuàng)建一個(gè)網(wǎng)頁(yè)內(nèi)容或網(wǎng)站必不可少的。可以這么說(shuō)，沒有html語(yǔ)言，就創(chuàng)建不了網(wǎng)頁(yè)，沒有網(wǎng)頁(yè)也就不可能有網(wǎng)站的存在！而html是web前端開發(fā)必須掌握的三大基礎(chǔ)技術(shù)之一，另外兩個(gè)是CSS和JavaScript語(yǔ)言。
超文本標(biāo)記語(yǔ)言包括諸如音頻，視頻，文本等等數(shù)據(jù)，讓在瀏覽器呈現(xiàn)出的網(wǎng)頁(yè)內(nèi)容更加豐富，形式更加多樣。總體來(lái)說(shuō)，超文本標(biāo)記語(yǔ)言包含頭和主體兩個(gè)部分，即網(wǎng)頁(yè)的信息部分和網(wǎng)頁(yè)的內(nèi)容部分。
什么是html
html，也叫超文本標(biāo)記語(yǔ)言，英文全稱是HyperText Markup Language，它是通過(guò)使用html標(biāo)簽來(lái)描述網(wǎng)頁(yè)內(nèi)容和表現(xiàn)形式的語(yǔ)言，可以被瀏覽器進(jìn)行解析，然后把不同的網(wǎng)頁(yè)元素在瀏覽器中展示出來(lái)，就成了我們所看見的最終網(wǎng)頁(yè)效果！
HTML標(biāo)簽
HTML標(biāo)簽就是用來(lái)定義或描述網(wǎng)頁(yè)內(nèi)容的。
HTML標(biāo)簽，也可以叫做HTML標(biāo)簽，或HTML標(biāo)記標(biāo)簽；
HTML提供了許多標(biāo)簽，如網(wǎng)頁(yè)頭部標(biāo)簽<head>、段落標(biāo)簽<p>、超鏈接標(biāo)記<a>、圖片標(biāo)簽<img>等，網(wǎng)頁(yè)中需要定義什么內(nèi)容，就用相應(yīng)的HTML標(biāo)簽描述即可；
只有正確被這些標(biāo)簽描述了的網(wǎng)頁(yè)元素，瀏覽器才能按照規(guī)范把網(wǎng)頁(yè)元素展示出來(lái)讓你瀏覽和閱讀！
<html>…………</html> ： 這是聲明HTML文件的語(yǔ)法格式，每一個(gè)HTML文件，都必須以<HTML>開頭，以</HTML>結(jié)束
<head>…………</head> ： 這是文件頭聲明的語(yǔ)法格式。在這之內(nèi)的所有文字都屬于文件的文件頭，并不屬于文件本體
<title>…………</title> ： 這是聲明文件標(biāo)題的語(yǔ)法格式。在這之中寫下的所有內(nèi)容，都將寫在網(wǎng)頁(yè)最上面的標(biāo)題欄中。
<body>…………</body> ： 這是聲明文件主體的語(yǔ)法格式。在者之間寫下的內(nèi)容都是文件的主體，也就是說(shuō)將會(huì)被顯示在客戶區(qū)之中。
HTML文件
HTML文件的后綴名有兩種：一個(gè)是htm，這個(gè)是比較老的后綴名，另一個(gè)是html；
htm可以被DOS識(shí)別；
在UNIX系統(tǒng)中，網(wǎng)頁(yè)必須使用.html后綴名，如果是htm，在瀏覽器中打開時(shí)則出現(xiàn)源代碼；
在Windows中，這兩種擴(kuò)展名都被支持，所以，沒有特殊要求，一般使用html是最好的。
HTML和CSS以及JavaScript的關(guān)系
1、HTML是網(wǎng)頁(yè)內(nèi)容的載體.內(nèi)容就是網(wǎng)頁(yè)制作者放在頁(yè)面上想要讓用戶瀏覽的信息, 可以包含文字, 圖片, 視頻等.
2、CSS樣式是內(nèi)容表現(xiàn)形式. 好比人的穿衣打扮，可以改變和調(diào)整. 比如文本字體、顏色變化，或?yàn)闃?biāo)題加入背景圖片，邊框大小粗細(xì)等， 所有這些用來(lái)改變內(nèi)容外觀的東西稱之為表現(xiàn)形式。
3、JavaScript是用來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)上的特效效果, 如: 鼠標(biāo)滑過(guò)彈出下拉菜單. 或鼠標(biāo)滑過(guò)表格的背景顏色改變. 還有焦點(diǎn)新聞（新聞圖片）的輪換. 可以這么理解, 有動(dòng)畫的, 有交互的一般都是用JavaScript來(lái)實(shí)現(xiàn)的.
html代碼實(shí)例
<!DOCTYPE html> <html> <body> <h1>這是一個(gè)標(biāo)題</h1> <p>這是一個(gè)段落文字</p> </body> </html> |
代碼解析
DOCTYPE 聲明了文檔類型
<html> 與 </html> 是最外層的標(biāo)簽，頂級(jí)標(biāo)簽或根標(biāo)簽；
<body> 與 </body> 是可視化網(wǎng)頁(yè)內(nèi)容區(qū)域；
<h1> 與 </h1> 是一級(jí)標(biāo)題標(biāo)簽
<p> 與 </p> 是一個(gè)顯示段落的標(biāo)簽
代碼運(yùn)行結(jié)果
在瀏覽器中顯示的效果如下
