1.HTML和CSS的關(guān)系
HTML是網(wǎng)頁(yè)內(nèi)容的載體。內(nèi)容就是網(wǎng)頁(yè)制作者放在頁(yè)面上想要讓用戶瀏覽的信息筋蓖，可以包含文字卸耘、圖片、視頻等粘咖。
CSS樣式是表現(xiàn)蚣抗。就像網(wǎng)頁(yè)的外衣。比如瓮下，標(biāo)題字體翰铡、顏色變化，或?yàn)闃?biāo)題加入背景圖片讽坏、邊框等锭魔。所有這些用來(lái)改變內(nèi)容外觀的東西稱之為表現(xiàn)。
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)的捅位。
2.認(rèn)識(shí)html標(biāo)簽
來(lái)對(duì)html標(biāo)簽有一個(gè)初步理解。平常大家說(shuō)的上網(wǎng)就是瀏覽各種各式各樣的網(wǎng)頁(yè)搂抒，這些網(wǎng)頁(yè)都是由html標(biāo)簽成的
網(wǎng)頁(yè)中每一個(gè)內(nèi)容在瀏覽器中的顯示艇搀，都要存放到各種標(biāo)簽中。
3.標(biāo)簽的語(yǔ)法
標(biāo)簽由英文尖括號(hào)<和>括起來(lái)求晶，如<html>就是一個(gè)標(biāo)簽焰雕。
-
html中的標(biāo)簽一般都是成對(duì)出現(xiàn)的，分開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽誉帅。結(jié)束標(biāo)簽比開(kāi)始標(biāo)簽多了一個(gè)/淀散。
HTML標(biāo)簽不區(qū)分大小寫
4.認(rèn)識(shí)html文件基本結(jié)構(gòu)
一個(gè)HTML是有自己固定的結(jié)構(gòu)的
<html>
<head>...</head>
<body>...</body>
</html>
- <html></html>稱為根標(biāo)簽蚜锨，所有的網(wǎng)頁(yè)標(biāo)簽都在<html></html>中档插。
- <head> 標(biāo)簽用于定義文檔的頭部，它是所有頭部元素的容器亚再。頭部元素有<title>郭膛、<script>、 <style>氛悬、<link>则剃、 <meta>等標(biāo)簽。
- 在<body>和</body>標(biāo)簽之間的內(nèi)容是網(wǎng)頁(yè)的主要內(nèi)容如捅，網(wǎng)頁(yè)內(nèi)容標(biāo)簽棍现，在這里的標(biāo)簽中的內(nèi)容會(huì)在瀏覽器中顯示出來(lái)。
5.認(rèn)識(shí)head標(biāo)簽
文檔的頭部描述了文檔的各種屬性和信息镜遣，包括文檔的標(biāo)題等己肮。絕大多數(shù)文檔頭部包含的數(shù)據(jù)都不會(huì)真正作為內(nèi)容顯示給讀者。
下面這些標(biāo)簽可用在 head 部分：
<head>
<title>...</title>
<meta>
<link>
<style>...</style>
<script>...</script>
</head>
- <title>標(biāo)簽：在<title>和</title>標(biāo)簽之間的文字內(nèi)容是網(wǎng)頁(yè)的標(biāo)題信息悲关，它會(huì)出現(xiàn)在瀏覽器的標(biāo)題欄中谎僻。網(wǎng)頁(yè)的title標(biāo)簽用于告訴用戶和搜索引擎這個(gè)網(wǎng)頁(yè)的主要內(nèi)容是什么，搜索引擎可以通過(guò)網(wǎng)頁(yè)標(biāo)題寓辱，迅速的判斷出網(wǎng)頁(yè)的主題艘绍。每個(gè)網(wǎng)頁(yè)的內(nèi)容都是不同的，每個(gè)網(wǎng)頁(yè)都應(yīng)該有一個(gè)獨(dú)一無(wú)二的title秫筏。
例如：
<head>
<title>hello world</title>
</head>
<title>標(biāo)簽的內(nèi)容“hello world”會(huì)在瀏覽器中的標(biāo)題欄上顯示出來(lái)诱鞠，如下圖所示：
6.了解HTML的代碼注釋
什么是代碼注釋挎挖？代碼注釋的作用是幫助程序員標(biāo)注代碼的用途，過(guò)一段時(shí)間后再看你所編寫的代碼般甲，就能很快想起這段代碼的用途肋乍。代碼注釋不僅方便程序員自己回憶起以前代碼的用途鹅颊，還可以幫助其他程序員很快的讀懂你的程序的功能敷存，方便多人合作開(kāi)發(fā)網(wǎng)頁(yè)代碼。
語(yǔ)法：
<!--注釋文字 -->
