我抓到bit哥了，嘿嘿嘿（5）
作者簡(jiǎn)介
作者名：1_bit
簡(jiǎn)介：CSDN博客專(zhuān)家，2020年博客之星TOP5，藍(lán)橋簽約作者。15-16年曾在網(wǎng)上直播，帶領(lǐng)一批程序小白走上程序員之路。歡迎各位小白加我咨詢我相關(guān)信息，迷茫的你會(huì)找到答案。
目錄
HTML基礎(chǔ)之bit哥的反客為主之道（9）—— <big></big> 放大標(biāo)簽 h5不支持、 <center></center> 居中h5不支持、<blockquote></blockquote> 引用標(biāo)簽
趕緊3分鐘學(xué)完15分鐘的內(nèi)容我要出去玩（8）—— <big></big> 放大標(biāo)簽 h5不支持、 <center></center> 居中h5不支持、<blockquote></blockquote> 引用標(biāo)簽
我使用 html 反向輸出自己打自己（7）——<a>超鏈接、<bdo>覆蓋
我化身保姆為你提供 html 教學(xué)服務(wù)（6）——<b>加粗、<br>換行、<hr>分隔
我開(kāi)始一直以為網(wǎng)頁(yè)制作好難（5）——<h1></h1> 標(biāo)題、<p></p> 段落、
你知道出現(xiàn)“亂碼”的原因是什么嗎？（4）——編碼、<title></title> 網(wǎng)頁(yè)標(biāo)題、
一個(gè)基礎(chǔ)的 HTML 文檔有哪些標(biāo)簽？第一節(jié)（3）—— <!DOCTYPE html>說(shuō)明、<head></head> 頭部、<body></body> 主體、
使用 Vscode 編寫(xiě) HTML 文檔竟然可以自動(dòng)寫(xiě)代碼（2）—— vscode、快捷方式
保姆級(jí)的HTML零基礎(chǔ)教程少見(jiàn)吧？這是第一節(jié)（1）——介紹、雞湯
一、抓到 bit 哥就會(huì)有新知識(shí)get
👸小媛：bit 哥我抓到你了，趕緊教我新知識(shí)吧。
🐶1_bit：我這是懶得跑，否則你怎么可能抓到我。
👸小媛：說(shuō)的跟真的一樣 <(︶︿︶)>_╭∩╮╭∩╮。
🐶1_bit：來(lái)吧，我們繼續(xù)上一節(jié)的內(nèi)容講，上一節(jié)已經(jīng)知道了我們大致基礎(chǔ) html 文檔標(biāo)簽的內(nèi)容，這一節(jié)我們先講一下一些基礎(chǔ)標(biāo)簽吧。
👸小媛：好，你講。
🐶1_bit：我們先學(xué)習(xí)一個(gè)標(biāo)題標(biāo)簽吧。
👸小媛：哈？你做出來(lái)，否則我不知道你講的標(biāo)題標(biāo)簽是什么東西。
🐶1_bit：你還記得 <body></body>標(biāo)簽是用來(lái)干什么的嗎？
👸小媛：啊？是用來(lái)主要需要顯示內(nèi)容，你在里面填入文本就可以顯示呢。
二、<h1></h1> 是6胞胎
🐶1_bit：嗯，那我們先添加一個(gè)<h1></h1> 標(biāo)簽吧。
👸小媛：這個(gè)標(biāo)簽是啥東西。
🐶1_bit：你先看下面的示例。
<!DOCTYPE html> <html lang="zh"> <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>CSDN 博主 1_bit 的 HTML 知識(shí)匯總頁(yè)面</title> </head> <body><h1>這是h1標(biāo)簽顯示的示例</h1> </body> </html>👸小媛：你在 <body></body> 標(biāo)簽內(nèi)部添加了一串標(biāo)簽 <h1>這是h1標(biāo)簽顯示的示例</h1>。
🐶1_bit：這個(gè) <h1></h1> 標(biāo)簽就是標(biāo)題標(biāo)簽的意思，你可以運(yùn)行這個(gè)網(wǎng)頁(yè)查看里面的內(nèi)容。
👸小媛：嗯，我看到了，這個(gè)字號(hào)很大，這個(gè)就是標(biāo)題的顯示形式嗎？
🐶1_bit：是的，其實(shí)還有不同樣式的標(biāo)題，例如如下示例。
<!DOCTYPE html> <html lang="zh"> <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>CSDN 博主 1_bit 的 HTML 知識(shí)匯總頁(yè)面</title> </head> <body><h1>這是h1標(biāo)簽顯示的示例</h1><h2>這是h2標(biāo)簽顯示的示例</h2><h3>這是h3標(biāo)簽顯示的示例</h3><h4>這是h4標(biāo)簽顯示的示例</h4><h5>這是h5標(biāo)簽顯示的示例</h5><h6>這是h6標(biāo)簽顯示的示例</h6> </body> </html>👸小媛：一共 6 個(gè)嗎？我發(fā)現(xiàn) 1 號(hào)標(biāo)簽顯示的內(nèi)容越大，然后逐漸往 6 號(hào)越來(lái)越小。
🐶1_bit：是的，而且他們是每一對(duì)標(biāo)簽開(kāi)始后都會(huì)換行顯示？
👸小媛：啥意思？
🐶1_bit：就是會(huì)換行重新輸出，是不是 h1到h6 每一行都是新重起一行？
👸小媛：是的。
🐶1_bit：在 html 中有些元素并不會(huì)重起一行進(jìn)行新內(nèi)容顯示喲。
👸小媛：是嗎，剛學(xué)，沒(méi)見(jiàn)過(guò)，你說(shuō)了我也不懂 ((‵□′)) 。
🐶1_bit：哈哈哈，我們之后會(huì)說(shuō)的，這個(gè)都是小東西。
👸小媛：趕緊新內(nèi)容吧。
三、<p></p> 是單身狗
🐶1_bit：那我們?cè)賮?lái)講一個(gè)元素叫做段落元素。平常你在文章里面看到段落是怎么樣的？
👸小媛：就是重啟一行咯。
🐶1_bit：這個(gè)段落元素也是這個(gè)作用呢。
👸小媛：趕緊拿出來(lái)看看。
🐶1_bit：那你看下面示例，詳情我在里面解釋清楚了呢。
<!DOCTYPE html> <html lang="zh"> <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>CSDN 博主 1_bit 的 HTML 知識(shí)匯總頁(yè)面</title> </head> <body><h1>這是h1標(biāo)簽顯示的示例</h1><h2>這是h2標(biāo)簽顯示的示例</h2><h3>這是h3標(biāo)簽顯示的示例</h3><h4>這是h4標(biāo)簽顯示的示例</h4><h5>這是h5標(biāo)簽顯示的示例</h5><h6>這是h6標(biāo)簽顯示的示例</h6><p>這是使用短路 p 標(biāo)簽的示例，每個(gè) p 元素都會(huì)重啟一行進(jìn)行顯示，并且每一個(gè) p 元素都會(huì)間隔較大，相同一個(gè) p 元素內(nèi)則會(huì)間隔較小，你可以理解成這是這個(gè) p 元素段落的特性如此，也可以說(shuō)是一個(gè)標(biāo)志特性。</p><p>這是第二個(gè) p 標(biāo)簽，你可以看到跟上面的內(nèi)容之間間隔還是挺大。</p> </body> </html>👸小媛：果然如此。
🐶1_bit：我們把這個(gè)頁(yè)面做好看一點(diǎn)吧，這樣你就可以之后直接拿來(lái)看筆記了。
👸小媛：你加了個(gè)標(biāo)題呀？
🐶1_bit：是的，標(biāo)簽如下，你仔細(xì)看喲。
<!DOCTYPE html> <html lang="zh"> <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>CSDN 博主 1_bit 的 HTML 知識(shí)匯總頁(yè)面</title> </head> <body><h1>這是h1標(biāo)簽顯示的示例</h1><h2>這是h2標(biāo)簽顯示的示例</h2><h3>這是h3標(biāo)簽顯示的示例</h3><h4>這是h4標(biāo)簽顯示的示例</h4><h5>這是h5標(biāo)簽顯示的示例</h5><h6>這是h6標(biāo)簽顯示的示例</h6><h1>p標(biāo)簽內(nèi)容：</h1><p>這是使用短路 p 標(biāo)簽的示例，每個(gè) p 元素都會(huì)重啟一行進(jìn)行顯示，并且每一個(gè) p 元素都會(huì)間隔較大，相同一個(gè) p 元素內(nèi)則會(huì)間隔較小，你可以理解成這是這個(gè) p 元素段落的特性如此，也可以說(shuō)是一個(gè)標(biāo)志特性。</p><p>這是第二個(gè) p 標(biāo)簽，你可以看到跟上面的內(nèi)容之間間隔還是挺大。</p> </body> </html>👸小媛：看了就是加個(gè)標(biāo)題標(biāo)簽。
🐶1_bit：88。
👸小媛：別跑…((‵□′))
總結(jié)
以上是生活随笔為你收集整理的我抓到bit哥了，嘿嘿嘿（5）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 你知道出现“乱码”的原因是什么吗？（4）
- 下一篇： 我化身保姆为你提供 html 教学服务（