溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

CSS文本標(biāo)簽怎么用

發(fā)布時間:2022-03-11 15:31:21 來源:億速云 閱讀:176 作者:iii 欄目:web開發(fā)

本文小編為大家詳細(xì)介紹“CSS文本標(biāo)簽怎么用”,內(nèi)容詳細(xì),步驟清晰,細(xì)節(jié)處理妥當(dāng),希望這篇“CSS文本標(biāo)簽怎么用”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學(xué)習(xí)新知識吧。

  <!DOCTYPE html>

  <html>

  <head>

  <meta charset="UTF-8">

  <title>文本標(biāo)簽</title>

  </head>

  <body>

  <!--

  <em></em>和<strong></strong>:

  em標(biāo)簽:

  用于表示一段內(nèi)容中的著重點(強(qiáng)調(diào)語氣)

  strong標(biāo)簽:

  用于表示一個內(nèi)容中的重要性(強(qiáng)調(diào)內(nèi)容,比em更強(qiáng)烈)

  這兩個標(biāo)簽可以單獨使用,也可以一起使用;通常em顯示未斜體,而strong顯示為粗體

  -->

  <p>

  <strong>警告:任何情況下不要接近僵尸</strong>

  他們只是<em>看起來</em>很友好,實際上他們是為了吃你的胳膊!

  </p>

  <p>

  今天天氣<em>真好??!</em>

  </p>

  <strong>

  注意:你如果不好好吃飯,你就沒有力氣減肥啦!

  </strong>

  <!--

  <i></i>和<b></b>:

  i標(biāo)簽:

  會使文字變成斜體。

  b標(biāo)簽:

  回事文字變成粗體。

  這兩個標(biāo)簽與em和strong類似,但是這兩個標(biāo)簽沒有語義。所以根據(jù)HTML5標(biāo)準(zhǔn),當(dāng)我們只想設(shè)置文本特殊顯示,而不需要強(qiáng)調(diào)內(nèi)容就可以使用i和b標(biāo)簽。

  -->

  <p>

  <i>我是i標(biāo)簽的內(nèi)容</i>

  <b>我是i標(biāo)簽的內(nèi)容</b>

  </p>

  <!--

  small標(biāo)簽:

  表示細(xì)則一類的旁注,通常包括:合同中小子,免責(zé)聲明 、注意事項、網(wǎng)站版權(quán)信息等。

  覽器在顯示 small標(biāo)簽時會顯示一個比父元素小的字號。

  -->

  <p>

  我是p標(biāo)簽中的內(nèi)容<small>我是small標(biāo)簽中的內(nèi)容</small>

  <small>?2017原創(chuàng)作品,謝絕轉(zhuǎn)載!否則將追究法律責(zé)任。</small>

  </p>

  <!--

  cite標(biāo)簽:

  可以指明對某內(nèi)容的引用或參考。例如,戲劇、文章或圖書的標(biāo)題歌曲,電影,照片或雕塑的名稱等;

  -->

  <p>

  <cite><<火影忍者》</cite>講的是圍繞木葉忍者村的故事。

  </p>

  <!--

  <blockquote></blockquote>和 <q></q>

  blockquote標(biāo)簽:

  表示一個長引用(塊級引用)。

  q標(biāo)簽:

  引用的內(nèi)容瀏覽器默認(rèn)會加上引號(行內(nèi)引用)。

  -->

  <div>

  孟子 曾經(jīng)說過 :

  <blockquote>天將降大任于是人也,必先苦其心志,勞其筋骨,餓其體膚&hellip;&hellip;</blockquote>

  他說的真對?。?/p>

  </div>

  <p>

  孔子曾經(jīng)說過:<q>學(xué)而時習(xí)之不亦說乎,有朋自遠(yuǎn)方來不亦樂乎</q>

  </p>

  <!--

  <sup></sup>和<sub></sub>

  sup標(biāo)簽:

  使用sup標(biāo)簽設(shè)置一個上標(biāo)。

  sub標(biāo)簽:

  使用sub標(biāo)簽設(shè)置一個下標(biāo)。

  -->

  <p>2<sup>1024</sup></p>

  <p>鄧紫棋<sup><a href="#">[1]</a></sup></p>

  <p>H<sub>2</sub>O</p>

  <!--

  <ins></ins>和 <del></del>

  ins標(biāo)簽:

  表示插入的內(nèi)容,顯示時通常會自動加上下劃線。

  del標(biāo)簽:

  表示刪除的內(nèi)容,顯示時通常會自動加上刪除線

  -->

  <del>16800.00RMB</del><br />

  11000.00RMB<br />

  <p>

  我們的<ins>老師真好</ins>??!

  </p>

  <!--

  <code></code>和<pre></pre>

  code標(biāo)簽:

  如果你的內(nèi)容包含代碼示例或文件名稱,就可以使用code元素,但不會保留原有格式。

  pre標(biāo)簽:

  表示的時預(yù)格式化文本,會將代碼中的格式保存,不會忽略多個空格。

  我們一般結(jié)合使用pre和code來表示一段代碼。

  -->

  <pre>

  window.onload=function(){

  alert("Hello World!");

  }

  </pre>

  <code>

  window.onload=function(){

  alert("Hello World!");

  }

  </code>

  <!--

  通常我們會這樣使用

  -->

  <pre>

  <code>

  window.onload=function(){

  alert("Hello World!");

  }

  </code>

  </pre>

  </body>

  </html>

讀到這里,這篇“CSS文本標(biāo)簽怎么用”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會,如果想了解更多相關(guān)內(nèi)容的文章,歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI