明輝手游網(wǎng)中心：是一個免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

html sup與sub標(biāo)簽如何用？html sup標(biāo)簽與sub標(biāo)簽的定義與用法案例

發(fā)表時間：2023-09-04 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]本篇文章主要講述的是html sup標(biāo)簽的定義和用法，還有html sup標(biāo)簽和sub標(biāo)簽的定義和使用方法實(shí)例。html sup標(biāo)簽的定義和用法：<sup> 標(biāo)簽可定義上標(biāo)文本。包含在 <sup> 標(biāo)簽和其結(jié)束標(biāo)簽 </sup> 中的內(nèi)容將會以當(dāng)前文本流中字符高...
本篇文章主要講述的是html sup標(biāo)簽的定義和用法，還有html sup標(biāo)簽和sub標(biāo)簽的定義和使用方法實(shí)例。

html sup標(biāo)簽的定義和用法：

<sup> 標(biāo)簽可定義上標(biāo)文本。

包含在 <sup> 標(biāo)簽和其結(jié)束標(biāo)簽 </sup> 中的內(nèi)容將會以當(dāng)前文本流中字符高度的一半來顯示，但是與當(dāng)前文本流中文字的字體和字號都是一樣的。

提示：這個標(biāo)簽在向文檔添加腳注以及表示方程式中的指數(shù)值時非常有用。如果和 <a> 標(biāo)簽結(jié)合起來使用，就可以創(chuàng)建出很好的超鏈接腳注。

HTML <sup> 標(biāo)簽實(shí)例

上標(biāo)文本：

<p>這個文本包含 <sup>上標(biāo)</sup> 文本。</p>

字體文本標(biāo)簽講解<sup></sup>標(biāo)簽

字體標(biāo)簽定義字體的顯示效果，有些標(biāo)簽它有獨(dú)自的語義：

<sup>感謝您對php中文網(wǎng)的支持</sup>

語義：定義在瀏覽器顯示上標(biāo)文本，一般用于代數(shù)方程式的書寫。

如代數(shù)方乘：X2

實(shí)例原代碼：

<!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>字體文本標(biāo)簽講解<sup></sup>標(biāo)簽</title>
</head>
<body>
<p>字體文本標(biāo)簽講解&lt;sup&gt;&lt;/sup&gt;標(biāo)簽</p>
<p>字體標(biāo)簽定義字體的顯示效果，有些標(biāo)簽它有獨(dú)自的語義。<br>
</p>
<p><strong>&lt;sup&gt;標(biāo)簽</strong></p>
<p><sup>&lt;sup&gt;感謝您對php中文網(wǎng)的支持&lt;/sup&gt;</sup></p>
<p>語義：定義在瀏覽器顯示上標(biāo)文本，一般用于代數(shù)方程式的書寫。</p>
<p>如代數(shù)方乘：X<sup>2</sup></p></p>
</html>

HTML 上標(biāo)、下標(biāo)如何并列顯示

要想使得上標(biāo)和下標(biāo)能夠并列顯示，我們可以通過 CSS 樣式設(shè)置。

<!DOCTYPE html>
<html>
<head>
<title>HTML 上標(biāo) 下標(biāo)并列顯示</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>

運(yùn)行效果：

tuyi.png

html sup標(biāo)簽和sub標(biāo)簽的定義和用法:

<sub> 標(biāo)簽可定義下標(biāo)文本。<sup> 可定義上標(biāo)文本。都屬于行內(nèi)元素，默認(rèn)比當(dāng)前字體稍小。

html sup標(biāo)簽的實(shí)例代碼:

<!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標(biāo)簽</title>
<style type="text/css">
* { font-size:12px; font-family:Tahoma}
</style>
</head>
<body>
<div>
這個標(biāo)簽是<sub>sub</sub>
這個標(biāo)簽是<sup>sup</sup>
</div>
</body>
</html>

我們來看看html sub標(biāo)簽和sup標(biāo)簽的數(shù)學(xué)方程式這種效果怎么實(shí)現(xiàn)？

tuer.png

<!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標(biāo)簽</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>

本篇文章就到這了，還有一篇關(guān)于html sub標(biāo)簽的用法：歡迎大家點(diǎn)擊閱讀，有問題的同學(xué)可以在下面提問。

html中sub標(biāo)簽是什么？關(guān)于html sub標(biāo)簽的定義和使用方法介紹

瀏覽器支持

所有瀏覽器都支持 <sup> 標(biāo)簽。

【小編的相關(guān)推薦】

html5 output標(biāo)簽是什么意思？html5 output標(biāo)簽的使用方法

html5 table標(biāo)簽的樣式介紹（另附html5 table css居中的實(shí)例）

以上就是html sup和sub標(biāo)簽怎么用？html sup標(biāo)簽和sub標(biāo)簽的定義和用法實(shí)例的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。