資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學在HTML中建立小文字
如果我們想在HTML文件中設定較小的字型大小，可以使用<small>標籤。此標籤用於將字型大小減小一級，即從中等大小減小到小號大小，或從特大號減小到大號大小。我們可以透過兩種方式在HTML中使用此<small>標籤
巢狀形式
非巢狀形式
語法
以下是HTML中小型字型標籤的使用方法：
<small>text… </small>
它有開始和結束標籤。它支援全域性屬性和事件屬性。
示例
以下示例演示了small標籤的使用：
<!DOCTYPE html> <html> <head> <title>HTML small Tag</title> </head> <body> <h2>Tutorialspoint</h2> <p><small> Simply Easy Learning</small></p> </body> </html>
巢狀形式
如果我們在巢狀形式中使用small標籤，它會根據父級字型大小更改其中呈現的字型大小。例如，如果我們增大父文字的字型大小，small標籤的字型大小也會自動增大。
示例
以下示例演示如何新增HTML的標題、正文和其他結構。
<!DOCTYPE html> <html> <head> <title>TutorialsPoint</title> </head> <body> <h2>HTML Tutorial</h2> <p style="font-size: 15px;">HTML means <small>Hyper Text Markup Language</small></p> </body> </html>
示例
在以下示例中，我們嘗試增大<small>標籤父元素的字型大小。
<!DOCTYPE html> <html> <head> <title>TutorialsPoint</title> </head> <body> <h2>HTML Tutorial</h2> <p style="font-size: 40px;">HTML means <small>Hyper Text Markup Language</small></p> </body> </html>
注意 - 巢狀小型文字的字型大小與父元素文字的字型大小之間的比率相同。
什麼是非巢狀形式？
非巢狀形式意味著我們可以將small標籤用作HTML中的單獨元素，這樣父元素的字型大小不會影響small標籤的文字。
示例
以下是非巢狀small標籤的示例：
<!DOCTYPE html> <html> <head> <title>TutorialsPoint</title> </head> <body> <h2>HTML Tutorial</h2> <p style="font-size: 15px;">HTML means </p> <small>Hyper Text Markup Language</small> </body> </html>
示例
現在考慮另一個例子，嘗試更改段落的字型大小，並檢查<small>標籤的字型大小發生了什麼變化。
<!DOCTYPE html> <html> <head> <title>TutorialsPoint</title> </head> <body> <h2>HTML Tutorial</h2> <p style="font-size: 30px;">HTML means </p> <small>Hyper Text Markup Language</small> </body> </html>
對<small>標籤的CSS設定
現在，我們嘗試使用small標籤應用CSS屬性來設定文字的字型大小。
<!DOCTYPE html>
<html>
<head>
<style>
span.small {
font-size: smaller;
color: blue;
}
</style>
</head>
<body>
<h2>Demonstrating smaller text by applying CSS</h2>
<p>HTML Means,</p>
<p>
<span class="small">Hyper Text Markup Language.</span>
</p>
</body>
</html>
更新於：2023年10月10日
569 次瀏覽
廣告