html中的sub与sup标签

作者：好好来源：好好博客时间：2009-03-06 13:12:00　

今天来认识一下两个我不太常用到的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>></head><style type="text/css"></style><body><span class="price"><sup>￥</sup>43.<sub>26</sub></span></body></html>

相信sub和sup标签的应用不止局限于此，其他html标签也如此，只要你了解了它们，发动我们的思维和想象，就可以熟练的运用它们、展现它们独特魅力的一面。

标签：sub,sup,标签,html

投稿

html中的sub与sup标签

猜你喜欢

Facebook是如何设计的[译]

zen coding的dreamweaver插件安装教程

优化SQL Server的内存占用之执行缓存

利用box-sizing实现div仿框架

让Dreamweaver MX显示最舒服的编程环境

JavaScript 组件之旅（三）：用 Ant 构建组件

border:none;与border:0;的区别

asp如何验证信用卡是否可用？

如何把图片也存到数据库中去？

asp一个空间绑定N个域名的方法！

用WEB(ASP)方式实现SQL SERVER 数据库的备份和恢复

Oracle中sys和system的区别小结

JavaScript的陷阱

Mysql入门系列：优化MYSQL服务器

MYSQL5 下的兼容说明(my.ini my.conf)

怎样修改 MySQL数据库中的密码

IE中伪类:hover的使用及BUG

如何获知服务器上Application对象及其对应的值？

修改mysql最大连接数的方法

使用 WinHttpRequest 伪造 Referer （附实战代码）