六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

html sup與sub標簽如何用?html sup標簽與sub標簽的定義與用法案例

[摘要]本篇文章主要講述的是html sup標簽的定義和用法,還有html sup標簽和sub標簽的定義和使用方法實例。html sup標簽的定義和用法:<sup> 標簽可定義上標文本。包含在 <sup> 標簽和其結束標簽 </sup> 中的內容將會以當前文本流中字符高...
本篇文章主要講述的是html sup標簽的定義和用法,還有html sup標簽和sub標簽的定義和使用方法實例。

html sup標簽的定義和用法:

<sup> 標簽可定義上標文本。

包含在 <sup> 標簽和其結束標簽 </sup> 中的內容將會以當前文本流中字符高度的一半來顯示,但是與當前文本流中文字的字體和字號都是一樣的。

提示:這個標簽在向文檔添加腳注以及表示方程式中的指數值時非常有用。如果和 <a> 標簽結合起來使用,就可以創建出很好的超鏈接腳注。

HTML <sup> 標簽實例

上標文本:

<p>這個文本包含 <sup>上標</sup> 文本。</p>

字體文本標簽講解<sup></sup>標簽

字體標簽定義字體的顯示效果,有些標簽它有獨自的語義:

<sup>感謝您對php中文網的支持</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>字體文本標簽講解&lt;sup&gt;&lt;/sup&gt;標簽</p>
<p>字體標簽定義字體的顯示效果,有些標簽它有獨自的語義。<br>
</p>
<p><strong>&lt;sup&gt;標簽</strong></p>
<p><sup>&lt;sup&gt;感謝您對php中文網的支持&lt;/sup&gt;</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>

運行效果:

tuyi.png

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標簽的數學方程式這種效果怎么實現?

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標簽</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 sub標簽的用法:歡迎大家點擊閱讀,有問題的同學可以在下面提問。

html中sub標簽是什么?關于html sub標簽的定義和使用方法介紹

瀏覽器支持

所有瀏覽器都支持 <sup> 標簽。

【小編的相關推薦】

html5 output標簽是什么意思?html5 output標簽的使用方法

html5 table標簽的樣式介紹(另附html5 table css居中的實例)

以上就是html sup和sub標簽怎么用?html sup標簽和sub標簽的定義和用法實例的詳細內容,更多請關注php中文網其它相關文章!


網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




主站蜘蛛池模板: 我想看一级毛片免费的 | 亚洲综合偷自成人网第页色 | 午夜不卡福利 | 伊人久久精品成人网 | 色青青草原桃花久久综合 | 午夜在线日韩免费精品福利 | 亚洲国产成人久久综合一区77 | 亚洲最大成人综合网 | 欧美性视频在线 | 中文字幕乱偷乱码亚洲 | 青草青青在线 | 手机看片国产精品 | 日韩中文在线 | 亚洲高清色| 五月伊人婷婷 | 在线污视频 | 色黄网址 | 日韩免费高清一级毛片在线 | 在线亚洲精品国产波多野结衣 | 亚洲人成在线观看男人自拍 | 日韩视频91| 日本在线免费观看 | 日韩高清在线高清免费 | 日本成人小视频 | 香蕉啪| 五月综合激情视频在线观看 | 日韩欧美视频二区 | 速度与激情9下载 | 欧美无遮挡一区二区三区 | 四虎久久影院 | 青青草精品在线 | 日韩avwww| 日本免费一区二区在线观看 | 亚洲高清国产品国语在线观看 | 亚洲视频在线免费看 | 水蜜桃一区一区三全集 | 亚洲精品乱码久久久久久中文字幕 | 日韩欧美伊人久久大香线蕉 | 欧美又粗又大又硬又长又爽视频 | 欧美性专区 | 亚洲第一视频区 |