溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下html中sup標簽和sub標簽的定義和用法實例，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！
html sup標簽的定義和用法：
<sup> 標簽可定義上標文本。
包含在 <sup> 標簽和其結束標簽 </sup> 中的內容將會以當前文本流中字符高度的一半來顯示，但是與當前文本流中文字的字體和字號都是一樣的。
提示：這個標簽在向文檔添加腳注以及表示方程式中的指數值時非常有用。如果和 <a> 標簽結合起來使用，就可以創建出很好的超鏈接腳注。
HTML <sup> 標簽實例
上標文本：
<p>這個文本包含 <sup>上標</sup> 文本。</p>
字體文本標簽講解<sup></sup>標簽
字體標簽定義字體的顯示效果，有些標簽它有獨自的語義：
<sup>感謝您對億速云的支持</sup>
語義：定義在瀏覽器顯示上標文本，一般用于代數方程式的書寫。
如代數方乘：X2
實例原代碼：
<!DOCTYPE HTML PsupBLbC "-//W3C//DTD HTML 4.01 Transbtbonal//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-eqsupbv="Content-Type" content="text/html; charset=gb2312"> <title>字體文本標簽講解<sup></sup>標簽</title> </head> <body> <p>字體文本標簽講解<sup></sup>標簽</p> <p>字體標簽定義字體的顯示效果，有些標簽它有獨自的語義。<br> </p> <p><strong><sup>標簽</strong></p> <p><sup><sup>感謝您對億速云的支持</sup></sup></p> <p>語義：定義在瀏覽器顯示上標文本，一般用于代數方程式的書寫。</p> <p>如代數方乘：X<sup>2</sup></p></p> </html>
HTML 上標、下標如何并列顯示
要想使得上標和下標能夠并列顯示，我們可以通過 CSS 樣式設置。
<!DOCTYPE html> <html> <head> <title>HTML 上標 下標并列顯示</title> </head> <body> X<sup>2</sup><sub>3</sub> Y<sup>2</sup><sub style="margin:0 0 0 -5px;">3</sub> </body> </html>
運行效果：
html sup標簽和sub標簽的定義和用法:
<sub> 標簽可定義下標文本。<sup> 可定義上標文本。都屬于行內元素，默認比當前字體稍小。
html sup標簽的實例代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>html中的sub與sup標簽</title>
<style type="text/css">
* { font-size:12px; font-family:Tahoma}
</style>
</head>
<body>
<div>
這個標簽是<sub>sub</sub>
這個標簽是<sup>sup</sup>
</div>
</body>
</html>我們來看看html sub標簽和sup標簽的數學方程式這種效果怎么實現？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.php.cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>html中的sub與sup標簽</title>
<style type="text/css">
* { font-size:12px; font-family:Tahoma}
</style>
</head>
<body>
<div>
x<sub>1</sub>+y<sub>2</sub><sup>3</sup>=15
</div>
</body>
</html>看完了這篇文章，相信你對html中sup標簽和sub標簽的定義和用法實例有了一定的了解，想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
