|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
通过我们的HTML编辑器,您能够编辑HTML,然后点击按钮来查看结果。网页制造WEB文章简介:明天来熟悉一下两个我不太经常使用到的html标签:sub标志和sup标志。
相干文章:HTML标志:optgroup、sub、sup和bdo
明天来熟悉一下两个我不太经常使用到的html标签:sub标志和sup标志。
界说和用法:
<sub>标签可界说下标文本。<sup>可界说上标文本。都属于行内元素,默许比以后字体稍小。
例子:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>html中的sub与sup标签</title>
<styletype="text/CSS">
*{font-size:12px;font-family:Tahoma}
</style>
</head>
<body>
<div>
这个标签是<sub>sub</sub>
这个标签是<sup>sup</sup>
</div>
</body>
</html>
触类旁通:
我们来看看数学方程式这类效果怎样完成?
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>html中的sub与sup标签</title>
<styletype="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>
其他使用:
偶尔的时机,发明前段工夫的淘宝网在代价上做了点润色(不晓得甚么缘故原由,如今又回复了),和之前传统的代价体现纷歧样。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>html中的sub与sup标签</title>>
</head>
<styletype="text/css">
<!--
body{font:12px/1.8Tahoma}
span.price{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;color:red;}
span.pricesub{vertical-align:baseline;font-size:12px;}
span.pricesup{vertical-align:text-bottom;color:#555}
-->
</style>
<body>
<spanclass="price"><sup>¥</sup>43.<sub>26</sub></span>
</body>
</html>
信任sub和sup标签的使用不止范围于此,其他html标签也云云,只需你懂得了它们,动员我们的头脑和设想,就能够纯熟的使用它们、展示它们共同魅力的一面。
</p>
通过大家的心得,或许能找出"怎么学html5"这个问题的答案。另,我会不定期把群里面关于技术的讨论贴到本帖,敬请关注。 |
|