作者：向洋
聲明：
HTML與CSS系列教程為自己學(xué)習(xí)過程中的總結(jié)分享榆芦，是自己學(xué)習(xí)的另一種方式捕仔。其中如果有些錯誤也希望大家在實踐中后提出來，直接評論就行橡卤，轉(zhuǎn)載內(nèi)容請注明作者扮念。
首先告訴大家學(xué)習(xí)任何東西都不是太難，最重要的是堅持碧库」裼耄可能開始啥都不懂，但是自己一步步的訓(xùn)練終有一天恍然大悟嵌灰。
什么是 HTML弄匕？
HTML 是什么東西呢？一句話就夠了伞鲫。
HTML就是一種通過標(biāo)記標(biāo)簽內(nèi)容的方式粘茄，讓瀏覽器能以正確的格式呈現(xiàn)內(nèi)容签舞，也就是通過一種語言把網(wǎng)頁內(nèi)容呈現(xiàn)出來的意思秕脓。
所以對于HTML兩個重要內(nèi)容：標(biāo)記標(biāo)簽和文本內(nèi)容（你要呈現(xiàn)的內(nèi)容），只要滿足兩個你就可以完成一個簡單的頁面,比如輸入如下：
<html>
<body>
<h2>靜夜思</h2>
<h5>作者：李白</h5>
<p>床前明月光儒搭，疑是地上霜吠架。
舉頭望明月，低頭思故鄉(xiāng)搂鲫。傍药。</p>
</body>
</html>
在網(wǎng)頁上呈現(xiàn)的內(nèi)容就是
<html>
<body>
<h2>靜夜思</h2>
<h5>作者：李白</h5>
<p>床前明月光，疑是地上霜。</p>
<p>舉頭望明月拐辽，低頭思故鄉(xiāng)拣挪。</p>
</body>
</html>
HTML 標(biāo)簽
HTML標(biāo)簽是一種你必須遵循的規(guī)則，不然無法呈現(xiàn)你想要表達的內(nèi)容俱诸。前面提到的<(/)html>菠劝、<(/)h1>、<(/)body>睁搭、<(/)p>都是標(biāo)記標(biāo)簽赶诊，前文演示過這些標(biāo)簽并不能在網(wǎng)頁上呈現(xiàn)但是有他們的存在，文本內(nèi)容才得以出現(xiàn)在網(wǎng)頁上园骆。
HTML 文檔 = 網(wǎng)頁
HTML 文檔描述網(wǎng)頁
HTML 文檔包含 HTML 標(biāo)簽和純文本內(nèi)容
HTML 文檔也被稱為網(wǎng)頁
Web 瀏覽器的作用是讀取 HTML 文檔舔痪，并以網(wǎng)頁的形式顯示出它們。瀏覽器不會顯示 HTML 標(biāo)簽锌唾，而是使用標(biāo)簽來解釋頁面的內(nèi)容
HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)锄码。HTML 標(biāo)簽是由尖括號“< >”包圍的關(guān)鍵詞，比如 <html>晌涕。HTML 標(biāo)簽通常是成對出現(xiàn)的巍耗，那么就叫他們標(biāo)簽對情侶吧（記住必須成雙成對，不然就不能虐單身狗了）比如<b> 和 </b>就是標(biāo)簽對渐排。標(biāo)簽對中的第一個標(biāo)簽如<b>是開始標(biāo)簽炬太，第二個標(biāo)簽</b>是結(jié)束標(biāo)簽。
標(biāo)記標(biāo)簽解釋
然后在這里對不同的標(biāo)簽做一個解釋以方便大家理解：
-
<html>與</html>之間的文本描述網(wǎng)頁
要想呈現(xiàn)整個內(nèi)容驯耻，在開始和結(jié)束都得有<html>,</html>
-
<body>與</body>之間的文本是可見的頁面內(nèi)容
在你輸入文本內(nèi)容之前還得再加上<body>,寫完后還得加上</body>
-
<h1>與</h1>之間的文本被顯示為標(biāo)題
通過輸入：
<h1>一級標(biāo)題</h1>
<h2>二級標(biāo)題</h2>
<h3>三級標(biāo)題</h3>
<h4>四級標(biāo)題</h4>
<h5>五級標(biāo)題</h5>
<h6>六級標(biāo)題</h6>
網(wǎng)頁顯示：
<h1>一級標(biāo)題</h1>
<h2>二級標(biāo)題</h2>
<h3>三級標(biāo)題</h3>
<h4>四級標(biāo)題</h4>
<h5>五級標(biāo)題</h5>
<h6>六級標(biāo)題</h6>
.....
-
<p>與</p>之間的文本被顯示為段落
通過在<p>與</p>之間輸入正文表示段落亲族。
<p>這是正文</p>
<p>這是正文1</p> <p>這是正文2</p> <p>這是正文3</p>
總結(jié)
那么在這里做一個簡單的整體演練，也就是把前面講的內(nèi)容合起來敲一遍看呈現(xiàn)出什么樣的內(nèi)容可缚。
<html>
<body>
<h1>守望屁股</h1>
<p>A:哈哈哈霎迫！你也玩守望屁股呀！</p>
<p>B:哈哈哈哈帘靡！辣雞游戲知给！我每天只玩十八個小時就不玩了！</p>
</body>
</html>
網(wǎng)頁顯示內(nèi)容:
<html>
<body>
<h1>守望屁股</h1>
<p>A:哈哈哈描姚！你也玩守望屁股呀涩赢！</p>
<p>B:哈哈哈哈！辣雞游戲轩勘！我每天只玩十八個小時就不玩了筒扒！</p>
</body>
</html>
好了，這就是第一集的所有內(nèi)容了绊寻。
