作者簡介
作者名：1_bit
簡介：CSDN博客專家，2020年博客之星TOP5，藍橋簽約作者。15-16年曾在網上直播，帶領一批程序小白走上程序員之路。歡迎各位小白加我咨詢我相關信息，迷茫的你會找到答案。
目錄
HTML基礎之bit哥的反客為主之道（9）—— <big></big> 放大標簽 h5不支持、 <center></center> 居中h5不支持、<blockquote></blockquote> 引用標簽
趕緊3分鐘學完15分鐘的內容我要出去玩（8）—— <big></big> 放大標簽 h5不支持、 <center></center> 居中h5不支持、<blockquote></blockquote> 引用標簽
我使用 html 反向輸出自己打自己（7）——<a>超鏈接、<bdo>覆蓋
我化身保姆為你提供 html 教學服務（6）——<b>加粗、<br>換行、<hr>分隔
我開始一直以為網頁制作好難（5）——<h1></h1> 標題、<p></p> 段落、
你知道出現“亂碼”的原因是什么嗎？（4）——編碼、<title></title> 網頁標題、
一個基礎的 HTML 文檔有哪些標簽？第一節（3）—— <!DOCTYPE html>說明、<head></head> 頭部、<body></body> 主體、
使用 Vscode 編寫 HTML 文檔竟然可以自動寫代碼（2）—— vscode、快捷方式
保姆級的HTML零基礎教程少見吧？這是第一節（1）——介紹、雞湯
一、說了 <!DOCTYPE html> 等于白說
👸小媛：bit 哥趕緊解釋上一節的那些標簽事啥意思，那一大串，我都懵逼了。
🐶1_bit：昂，其實很簡單的，都是小東西。
👸小媛：小東西也要講，誰叫你每一節的內容才那么點，你也 30 分鐘就寫這個字數的一篇文了，寫多點不好嘛。
🐶1_bit：噓…低調點，不要暴露。
👸小媛：那趕緊跟我解釋。
🐶1_bit：行行行。還接的上一節的那個 HTML 文檔嗎？
👸小媛：記得。
🐶1_bit：那你去把它貼出來，然后我來跟你解釋。
👸小媛：貼出來了，下面。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body></body>
</html>
🐶1_bit：我們就從開頭往下看吧？
👸小媛：難道從中間看？
🐶1_bit：我們先看第一個標簽 <!DOCTYPE html>，這一個標簽是一個必須標簽，必須放在開頭。這個標簽的作用是告訴瀏覽器當前這個文檔的類型，但是現在你還沒有接觸到，我們就照著寫就可以了，當然對于現在來說不寫其實也沒啥關系的。
👸小媛：唔，你這個解釋跟沒說一樣。
🐶1_bit：其實你刪掉就可以了，哈哈哈。
👸小媛：趕緊解釋下一個。
二、我說中文 <html lang="zh"> 我驕傲
🐶1_bit：下一個標簽是 <html lang="en">，其中 lang 是 <html></html> 標簽的屬性。 <html></html> 標簽表示標簽內容的起始與結束；其中 <html> 表示接下來就開始時標簽文檔的開始，而 </html> 表示標簽文檔的結束。其實意思就是這個網頁的元素你就寫在 <html></html> 標簽內就可以了。
👸小媛：聽懂了但沒完全懂…你的意思是在這個 <html> 之后就表示是開始寫標簽了吧？
🐶1_bit：對的，就是這個意思。其中那個 lang="en" 表示當前頁面的語言是英文網頁，顯然我們肯定是中文的，那怎么辦呢？
👸小媛：我怎么知道…
🐶1_bit：其實 lang 的意思就是 language，language意思就是語言的意思，其中 en 表示 English 顯然是不對的。我們只要將 lang="en" 改為 lang="zh" 就可以表示當前頁面的語言為中文了。
👸小媛：能解釋清楚一點嗎？
🐶1_bit：其實在一個標簽內有很多屬性，這些屬性我們將會慢慢學習，在這里剛好遇見了
<html></html> 標簽的 lang 屬性，我們就說這個 lang 屬性吧。在一個標簽中，屬性可以填寫在一個標簽之內，屬性名右邊一個等于號，等于號右邊一個屬性值這樣就完成了一個簡單屬性的設置，如當前網頁的 <html lang="zh">。
👸小媛：明白了。
三、先簡單說說 head 標簽和 body 標簽
🐶1_bit：接下來就到一個 head 標簽了，head 標簽內一般用來定義一些這個網頁的基本信息；例如當前頁面的標題頭、樣式等，其實基本上都是寫屬性內容，并不是顯示內容為主。
👸小媛：那顯示內容的是在什么標簽呢？
🐶1_bit：<body></body> 標簽唄，你不信你在 <body></body> 標簽內隨便輸入一點東西試試，看看能不能顯示內容？
👸小媛：我寫咯。
🐶1_bit：寫完后記得保存，然后去運行一下這個網頁，看看能不能顯示出你打的東西。
👸小媛：顯示出來了。
🐶1_bit：那這一節就講這些吧，剩下的下一節繼續講完。
👸小媛：我怎么感覺你越來越短了，上一篇都差不多 3k md 字數，這一篇就剛剛好 2k，字數還是我湊的。
🐶1_bit：上班唄，曠班了，趕緊去上班，下節不要走開，繼續等我講完。
👸小媛：去吧去吧。
)
