當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

HTML基础之bit哥的反客为主之道（9）

發布時間：2023/12/4 HTML 36 豆豆

生活随笔收集整理的這篇文章主要介紹了 HTML基础之bit哥的反客为主之道（9）小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

作者簡介

作者名：1_bit
簡介：CSDN博客專家，2020年博客之星TOP5，藍橋簽約作者。15-16年曾在網上直播，帶領一批程序小白走上程序員之路。歡迎各位小白加我咨詢我相關信息，迷茫的你會找到答案。

一、加粗標簽 <strong> </strong>

🐶1_bit：抓到你了吧，小媛同學。

👸小媛：你…你…你想干嘛？bit惡魔。

🐶1_bit：抓你去學習，趕緊的跟我走。

👸小媛：不，我不，我渴望去玩，

🐶1_bit：就耽擱你 30 分鐘。

👸小媛：不，不要，太長了，我又要少玩 30 分鐘了。

🐶1_bit：那就 20 分鐘，不能再低了。

👸小媛：不去、不要、我不想。

🐶1_bit：emmm，你去不去？

👸小媛：哼！不去！

🐶1_bit：行吧…那就 5 分鐘，你看如何。

👸小媛：4分鐘！

🐶1_bit：3分鐘！

👸小媛：好，抓緊。

🐶1_bit：…

🐶1_bit：先講加粗標簽 <strong></strong>，這個標簽可以給文本加粗。

<p> 外面的文本不會加粗喲 <strong>這里是加粗內容，這里面的文本會加粗</strong> 外面的文本不會加粗喲 </p>

👸小媛：唔，明白了，超級簡單，運行效果是下面這樣，趕緊下一個內容。

二、強調標簽 <em> </em>

🐶1_bit：我們現在講一個強調標簽 <em></em>，主要是給文本做強調作用。

<em>這里是強調內容，斜體顯示文本</em>

👸小媛：看到了，下面是效果，快點，你時間不多了。

🐶1_bit：啊？你急什么，我已經說完了，下面我貼一個 html 文檔，你好好復習，下節綜合使用考考你。

<!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 知識匯總頁面</title> </head> <body><h1>這是h1標簽顯示的示例</h1><h2>這是h2標簽顯示的示例</h2><h3>這是h3標簽顯示的示例</h3><h4>這是h4標簽顯示的示例</h4><h5>這是h5標簽顯示的示例</h5><h6>這是h6標簽顯示的示例</h6><hr><h1>p段落標簽內容：</h1><p>這是使用短路 p 標簽的示例，每個 p 元素都會重啟一行進行顯示，并且每一個 p 元素都會間隔較大，相同一個 p 元素內則會間隔較小，你可以理解成這是這個 p 元素段落的特性如此，也可以說是一個標志特性。</p><p>這是第二個 p 標簽，你可以看到跟上面的內容之間間隔還是挺大。</p><hr><h1>b加粗標簽內容：</h1><p>這是使用短路 p 標簽的示例，<b>每個 p 元素都會重啟一行進行顯示，并且每一個 p 元素都會間隔較大</b>，相同一個 p 元素內則會間隔較小，你可以理解成這是這個 p 元素段落的特性如此，也可以說是一個標志特性。</p><hr><h1>br換行標簽內容：</h1><p>這是使用短路 p 標簽的示例，每個 p 元素都會重啟一行進行顯示，（這里后面使用換行標簽）<br>并且每一個 p 元素都會間隔較大，相同一個 p 元素內則會間隔較小，你可以理解成這是這個 p 元素段落的特性如此，也可以說是一個標志特性。</p><hr><h1>a超鏈接標簽內容：</h1><a href="https://blog.csdn.net/A757291228">超鏈接a標簽指定href屬性后就可以跳轉到目標地址</a><hr><h1>bdo 標簽內容：</h1><bdo dir="rtl">小媛今早吃了糯米雞泡飯</bdo> —— 在屬性 dir 中定義 rtl 意思就是從右到左進行輸出，改成 ltr 意思則是從左到右輸出<hr><h1>big 標簽內容（H5不支持）：</h1><p>這里是一個段落標簽 p ，這個文本是這個段落標簽正常的大小。</p><p>這里是段落標簽文本<big>這里是 big 放大標簽的文本，是不是字體變大了呢？</big>這里是段落標簽文本</p><hr><h1>blockquote 標簽內容：</h1><p>我告訴你變成很簡單的，你不信你去學學。</p><blockquote cite="https://blog.csdn.net/A757291228">這里是引用，上面這句話引子 bit哥，你會發現這個引用的說明格式會在頁面上顯示得不一樣。</blockquote><hr><h1>center 標簽內容（H5不支持）：</h1><center>這個是個居中標簽，他將會在中間進行顯示。</center><hr><h1>strong/em 標簽內容：</h1><p> 外面的文本不會加粗喲 <strong>這里是加粗內容，這里面的文本會加粗</strong> 外面的文本不會加粗喲 </p><em>這里是強調內容，斜體顯示文本</em><hr> </body> </html>

👸小媛：！！！什么！你在反客為主？

🐶1_bit：沒呢，我們可以用這些做好看的，只是先告訴你，我走了88。

👸小媛：別走！…

總結

以上是生活随笔為你收集整理的HTML基础之bit哥的反客为主之道（9）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：赶紧3分钟学完15分钟的内容我要出去玩（
下一篇：【前端就业课第一阶段】HTML5 零基