html中sup標(biāo)簽和sub標(biāo)簽的定義和用法實例-創(chuàng)新互聯(lián)

小編給大家分享一下html中sup標(biāo)簽和sub標(biāo)簽的定義和用法實例，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)公司于2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目成都做網(wǎng)站、網(wǎng)站制作網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元睢陽做網(wǎng)站,已為上家服務(wù),為睢陽各地企業(yè)和個人服務(wù),聯(lián)系電話:028-86922220


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)簽實例

上標(biāo)文本：

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

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

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

<sup>感謝您對創(chuàng)新互聯(lián)的支持</sup>

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

如代數(shù)方乘：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>字體文本標(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)簽它有獨自的語義。<br>
</p>
<p><strong>&lt;sup&gt;標(biāo)簽</strong></p>
<p><sup>&lt;sup&gt;感謝您對創(chuàng)新互聯(lián)的支持&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>

運行效果：

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

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)簽的實例代碼:

<!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é)方程式這種效果怎么實現(xiàn)？

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

<!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>

看完了這篇文章，相信你對html中sup標(biāo)簽和sub標(biāo)簽的定義和用法實例有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

文章名稱：html中sup標(biāo)簽和sub標(biāo)簽的定義和用法實例-創(chuàng)新互聯(lián)
文章位置：http://muchs.cn/article4/cdchie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、關(guān)鍵詞優(yōu)化、域名注冊、外貿(mào)網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)頁設(shè)計公司