HTML基礎之bit哥的反客為主之道（9）

作者簡介

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

一、加粗標簽 ` `

🐶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：先講加粗標簽 ，這個標簽可以給文本加粗。

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

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

二、強調標簽 ` `

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

<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。

👸小媛：別走！…

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/286833.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/286833.shtml
英文地址，請注明出處：http://en.pswp.cn/news/286833.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！