html中small標籤(小型文本)的詳細介紹

2020-12-13 國哥筆記

大家好，歡迎關注支持，謝謝！本篇將介紹html中small（小型文本）標籤的詳細用法，有興趣的朋友可以了解一下！

「small」作為英文單詞有「小的、小號的」的意思，那它作為html中的標籤又充當什麼樣的角色呢？接下來我們一起來看看html中small標籤的定義及用法吧！

html標籤

一、small標籤的定義及用法

在html中，small標籤是使用來定義小型文本和旁註，通常被使用來縮小字體。如果文字已經是最小字號，那麼small標籤標籤不起作用；

small標籤可以嵌套使用，從而連續地把文字縮小，每嵌套一個small標籤都會將文字縮小一號，直到最小字號為止；

在html4.01版本中，small元素顯示為更小的文本。在html5中，small元素定義旁註信息，並顯示為更小的文本，在實際應用中並沒有什麼區別；

html標籤

small標籤的相反標籤是big標籤，big標籤是使用來將文字放大，但是html5已經不支持big標籤。

二、small標籤語法格式

<small>文本</small>

或<small><small>文本</small></small>

三、實例

<!DOCTYPE html><html><head>

<meta charset="utf-8" />

<title>html中small標籤（小型文本）的詳細介紹</title>

</head>

<body style="background-color: bisque;">

<p>small標籤演示</p>

<small>html中small標籤演示1</small><br>

<small><small>html中small標籤演示2</small></small><br>

<small><small><small>html中small標籤演示3</small></small></small><br>

<small><small><small><small>html中small標籤演示4</small></small></small></small>

</body></html>

運行結果：

small標籤演示

好了，關於html中small標籤（小型文本）的詳細介紹就到此結束了，希望對大家有所幫助！

相關焦點

  • html中sup標籤(上標)的詳細介紹
    本篇將介紹html中sup標籤（上標）的詳細用法，有興趣的朋友可以了解一下！「sup」是英文單詞「superscript」的縮寫，有「上標」的意思。顧名思義，它在html中充當標籤也是用來定義上標文本的，接下來我們一起來看看html中sup標籤的定義及用法吧！
  • html中sub標籤(下標)的詳細介紹
    本篇將介紹html中sub標籤（下標）的詳細用法，有興趣的朋友可以了解一下！「sub」是英文單詞「subscript」的縮寫，有「下標」的意思。顧名思義，它在html中作為標籤也有「下標」的意思，是用來定義下標的。接下來我們一起來看看html中sub標籤的定義及用法吧！
  • html中label標籤的詳細介紹
    本篇將介紹的是html中的<label>標籤的用法，由興趣的朋友可以了解一下！在網頁開發中，表單是經常用到的，而今天要介紹的這個標籤也是經常出現在表單中的，即<label>標籤，我們一起來看看它有什麼用途吧！
  • html中span標籤的詳細介紹
    本篇將介紹html中span標籤的詳細用法，有興趣的朋友可以了解一下！「span」作為英文單詞有「範圍」的意思，那它作為html中的標籤又充當什麼樣的角色呢？接下來我們一起來看看html中span標籤的定義及用法吧！
  • html中標籤的詳細介紹
    本篇將介紹的是html中的<cite>標籤，有興趣的朋友可以學習一下！「cite」作為英文單詞有「引用」的意思，那它作為html中的標籤又有什麼意思呢？接下來我們一起來看一看它在html中有什麼用途！
  • html中
    標籤的詳細介紹
    本篇將介紹的是html中<blockquote>標籤的用法，有興趣的朋友可以一起研究一下！學習html其實就是學習一些標籤的用法，本篇文章將為大家介紹的是html中<blockquote>標籤的定義和用法，以及實例演示，希望對大家有用！
  • html中img圖像標籤的詳細介紹
    本篇將介紹的是html中<img>圖像標籤，有興趣的朋友可以了解一下！在html網頁中，我們經常看見一些漂亮的圖片，這就產生了一個問題，這些圖片是怎樣引入到網頁中的呢？其實並沒有我們想像中的那麼複雜，只需要使用html中的<img>標籤就能實現，我們一起來學習一下吧！
  • html中繪製圖形標籤的詳細介紹
    本篇將介紹的是html中<canvas>標籤的用法，感興趣的朋友可以一起研究一下！在html5中，新增了很多實用的標籤，今天為大家介紹的是html5新增標籤<canvas>，<canvas>標籤只是一個容器，對內容並沒有樣式的更改。那它在html中有什麼用，接下來我們就一起來看看吧！
  • html中按鈕標籤詳細介紹
    本篇將為大家介紹的是html中按鈕標籤<button>的用法，有興趣的朋友可以看看！在html中，<button>標籤也是很常用的，經常用來在頁面中添加按鈕。「button」作為英文單詞就有「按鈕」的意思，接下我們就一起來看看它的具體用法吧！
  • html中form表單標籤的詳細介紹
    本篇將介紹的是html中form表單標籤的用法，有興趣的朋友可以學習一下！在html中，表單是經常用到的，用來與用戶交互並提交數據。今天要介紹的就是表單標籤form標籤，接下來我們就一起來看看它的用法吧！「form」作為英文單詞有「表格」的意思，那它在html中作為標籤又充當什麼樣的角色呢！
  • html中
    標籤的詳細介紹
    今天為大家介紹的是html中的<address>標籤，對html感興趣的可以看一看喲！在html中，每個標籤都有它特定的含義，當我們知道了這些標籤的含義之後，我們就學會了html。接下來就介紹一下html中<address>標籤的含義，希望對大家有用！
  • html中標籤詳細介紹
    今天介紹的是html中<article>標籤的用法，如果有興趣的朋友可以看一下！html文檔內容是由各種標籤組成的，各個標籤都有不同的含義以及用法，如果你能熟練的掌握這些標籤，那麼你的html已經很厲害了。
  • html中section標籤的詳細介紹
    本篇將介紹html中section標籤的詳細用法，有興趣的朋友可以了解一下！一、前言在html5版本中，新增了很多語義標籤，常見的有：article標籤、header標籤、footer標籤、nav標籤、aside標籤和section標籤等。今天小編要介紹的就是其中一個，即section標籤。
  • html中標籤的詳細介紹
    本篇給大家介紹的是html中不常見但很強大的一個標籤，即<base>標籤，有興趣的朋友可以了解一下！在html中的<base>標籤我重來沒有用過，在網上聽說它的功能挺強大的，然後就對它進行了研究，果然發現它的功能強大的。所以在這就分享一下，希望不要埋沒了它。
  • html中embed標籤的詳細介紹
    本篇將介紹的是html中embed標籤的用法，有興趣的朋友可以學習一下！在html5版本中，新增了很多實用的標籤，今天將介紹的就是其中一個，即embed標籤。embed標籤作為html5版本中新增的一個標籤，我們一起來看看它有什麼用途呢？
  • html中select標籤(下拉列表)的詳細介紹
    本篇將介紹html中select標籤（下拉列表）的詳細用法，有興趣的朋友可以了解一下！在網頁中，下拉列表很常見，那你知道在html原始碼中是怎麼實現的嗎？今天小編要分享的就是html中實現下拉列表的標籤，即select標籤。
  • html中標籤的詳細介紹
    本篇將介紹的是html中<col>標籤的用法，有興趣的朋友可以學習一下！在網頁中，表格是經常用到的，接下來介紹的這個標籤就和表格有關係，即<col>標籤。該標籤在表格中起到很重要的作用，我們一起來看看吧！
  • html中頁腳標籤的詳細介紹
    本篇將介紹的是html中<footer>頁腳標籤的用法，有興趣的朋友可以學習一下！在html5版本中，新增了很多語義化的標籤，這些語義化標籤對內容是沒有樣式效果的，它們只是起到語義化的作用。
  • html中
    頁腳標籤的詳細介紹
    本篇將介紹的是html中<footer>頁腳標籤的用法，有興趣的朋友可以學習一下！在html5版本中，新增了很多語義化的標籤，這些語義化標籤對內容是沒有樣式效果的，它們只是起到語義化的作用。
  • html中fieldset標籤詳細介紹
    本篇將介紹的是html中fieldset標籤的用法，有興趣的朋友可以學習一下！在html中，有很多我們不常用的標籤，但是在一些場景又很實用。今天將介紹的是一個很少使用的標籤，即fieldset標籤。fieldset標籤通常是用在表單中為相關元素分組，不知道大家使用過沒有，我們就一起拉看看它的具體用法吧！