国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

html sub標記和sup標記

2019-10-26 17:23:41
字體:
來源:轉載
供稿:網友

今天來認識一下兩個我不太常用到的html標簽:sub標記和sup標記。
定義和用法:
<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.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>







舉一反三:

我們來看看數學方程式這種效果怎么實現?




 

 

<!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>
x<sub>1</sub>+y<sub>2</sub><sup>3</sup>=15
</div>
</body>
</html>

其他應用:

偶然的機會,發現前段時間的淘寶網在價格上做了點修飾(不知道什么原因,現在又復原了),和以前傳統的價格表現不一樣。

 

 















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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 丰县| 长治县| 安图县| 辽宁省| 于都县| 乐至县| 宿州市| 遵义市| 和硕县| 镇宁| 光泽县| 静乐县| 西吉县| 诸暨市| 旌德县| 万荣县| 定西市| 洞口县| 揭西县| 东山县| 会泽县| 盱眙县| 博客| 呼伦贝尔市| 定结县| 德清县| 开原市| 通江县| 红安县| 江源县| 本溪| 张家川| 兴安盟| 阜城县| 灌南县| 阿拉尔市| 三穗县| 玛多县| 泰州市| 新泰市| 汉寿县|