多语言展示
当前在线:379今日阅读:60今日分享:41

如何使用HTML5标签sup设置文字内容上标

sub元素是设置文字或其他对象的下标,相对应的sup元素设置文字或其他对象的上标。这两个元素展示的功能不一样,下面利用一个实例说明HTML5标签设置文字内容上标,操作如下:
工具/原料
1

HTML5

2

CSS3

3

HBuilder

4

浏览器

5

截图工具

方法/步骤
1

第一步,双击打开HBuilder编辑工具,新建静态页面sup.html,如下图所示:

2

第二步,在标签元素插入字符串和sup标签,实现这个sup标签,如下图所示:

3

第三步,保存代码并预览该静态页面,可以查看到x上方有个数字“3”,如下图所示:

4

第四步,修改页面代码,再添加标签元素,如下图所示:

5

第五步,再次保存代码并预览界面,可以查看到数学方程式,如下图所示:

6

第六步,再次修改代码,将代码修改成化学式子,使用Fe3+,显示化学式中的3价铁离子,如下图所示:

注意事项
1

注意元素sup标签的用法

2

注意sup标签元素应用场景

推荐信息