HTML - 标签

HTML  标签用于显示版权和法律文本以及其他旁注。 标签默认字体较小，字体大小减小一级（从中等变为小，从特大变为大），并内联显示。

当我们在嵌套形式中使用 标签时， 标签会根据父标签的字体大小更改其间文本的字体大小。

语法

<small>.....</small>

HTML small 标签示例

下面的示例将说明 small 标签的用法、何时以及如何使用 small 标签来显示少量文本内容。

使用 标签创建小元素

在下面的示例中，我们正在创建一个 HTML 文档，并使用 标签以小字体表示文本。

<!DOCTYPE html>
<html>
<body>
   <h2> tutorialspoint </h2>
   <small> Example of small tag! </small>
   <p> 
      This is the first sentence. 
      <small>This whole sentence is in small letters.</small>
   </p>
</body>
</html>

使用 CSS 样式化小元素

考虑下面的示例，我们同时使用了 标签和 CSS 属性来设置 small 标签内容的样式。

<!DOCTYPE html>
<html>
<head>
   <style>
      h2 {
         color: green;
      }

      span {
         color: black;
      }

      small {
         font-style: italic;
         color: green;
         font-family: courier;
      }
   </style>
</head>
<body>
   <h2> tutorials <span>point</span>
   </h2>
   <small> Example of small tag! </small>
   <p> 
      This is the first sentence. 
      <small>This whole sentence is in small letters. </small>
   </p>
</body>
</html>

嵌套使用 标签

让我们看下面的示例，我们以嵌套形式使用 标签，这意味着 标签会根据其周围环境更改其字体。

<!DOCTYPE html>
<html>
<head>
   <style>
      p {
         font-size: 18px;
      }
   </style>
</head>
<body>
   <h2>Welcome To tutorialspoint</h2>
   <p>
      A nested small tag changes its font size with 
      respect to the parent tag's font size!
   </p>
   <p> 
      This is the first sentence. 
      <small>This whole sentence is in small letters.</small>
   </p>
</body>
</html>

非嵌套使用 标签

以下是我们将 标签用于非嵌套形式的示例，如果 标签用作单独的标签，则更改任何标签的字体大小不会影响 标签的字体大小。

<!DOCTYPE html>
<html>
<head>
   <style>
      p {
         font-size: 25px;
      }
   </style>
</head>
<body>
   <h2>Welcome To tutorialspoint</h2>
   <p>This is tutorialspoint </p>
   <small>Easy to learn! </small>
</body>
</html>