天天看點

HTML基礎(part5)--常用标簽之重文本标簽

鄙人的學習筆記。

文本節标簽​

​<span>​

span标簽,定義文檔中的一小節文本。span标簽可以跟其他的span标簽共用一行。

舉個例子

代碼:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>小黃之家</title>
</head>
<body>
  <span>
    兔子喜食草。一般家庭飼養的兔子要注意食物的提供,因為幼兔沒有飽感。蔬菜本來是不建議給幼兔吃的,容易得腸炎,成年後才可以适當提供。
  </span>

  <span>
    兔子分幼兔和成兔。都是早晚喂食,每天2次。
  </span>

  <span>
    如遇到換品牌糧食的情況,需要過渡,不可直接更換,導緻兔子不适應,出現不适。幼兔是1~6個月的兔子,成兔是6個月以上的兔子
  </span>
  
  
</body>
</html>      

頁面:

HTML基礎(part5)--常用标簽之重文本标簽

着重文本标簽​

​<em>​

em标簽是針對局部文本進行語氣加強,或者是對局部文本有強調的作用。em标簽可能會改變局部文檔的語義,例如:在文本【​

​我更喜歡<em>小黃</em>和大白​

​】中,我們将小黃進行了着重,則這句話中”小黃”變成了關鍵。當搜尋引擎在搜尋時,如果發現檢索的内容和強調的内容很相似,則頁面的排名會提前。加上em标簽後,文本會預設顯示為斜體。

舉個例子

代碼:

HTML基礎(part5)--常用标簽之重文本标簽

頁面:

HTML基礎(part5)--常用标簽之重文本标簽

加強語氣标簽​

​<strong>​

strong标簽是針對整個文檔而言,有加強語氣的作用。例如:一篇文章中最重要的主題思想可以用strong标簽進行包裹。strong标簽不會改變語義。加上em标簽後,文本會預設顯示為粗體。

純樣式标簽​

​<i>​

​​和​

​<b>​

​<i>​

​​标簽可以将文字樣式變為斜體,而​

​<b>​

​标簽可以将文字樣式變為粗體。但我們不推薦使用,因為所有的樣式,我們都應該通過CSS進行控制。

舉個例子

代碼:

HTML基礎(part5)--常用标簽之重文本标簽

頁面:

HTML基礎(part5)--常用标簽之重文本标簽

上标标簽​

​<sub>​

​​和下标标簽​

​<sup>​

舉個例子

代碼:

HTML基礎(part5)--常用标簽之重文本标簽

繼續閱讀