html网页制作学习:[5]sup上标sub下标

 时间:2024-10-25 20:46:19

在html网页制作的过程中,有的时候我们想要写化学方程式或者是数学方程式,可是我们不知道怎么去表达上标和下标?不用担心,html元素中给我们提供了相应的元素sub与sup.

html网页制作学习:[5]sup上标sub下标

工具/原料

DW或其它网页编辑软件

sup上标元素

1、其实上下标元素还是比较好记的,我们只需要记住最后 一个字母的那个圆弧的位置,在上面就是上标元素,在下面就是下标元素,要不你再看看sub与sup是不是这样,记得去看圆弧在这个字母的位置,是上还是下。

html网页制作学习:[5]sup上标sub下标

2、sup元素可将标签内容中的文字变为上标字,也就是将文字缩小并放置于右上角的位置,例如平方的数字。

html网页制作学习:[5]sup上标sub下标

3、下面让我们看一个例子。&盟敢势袂lt;h1>撰写数据方程式</h1><p>e<sup>i旌忭檀挢x</sup>=cos(x)+i*sin(x)</p><p>(A+B)<sup>2</sup>=A<sup>2</sup>+2AB+B<sup>2</sup></p>

html网页制作学习:[5]sup上标sub下标

sub下标元素

1、sub元素可将标签内容的文字变为下标字,也就是将文字缩小并旋转在右下角的位置,例如化学元素的标示

html网页制作学习:[5]sup上标sub下标

2、下面就看个例子<h1>撰写化学方程式</h1><p>咖啡因C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub></p><p>氢氧化铝:Al(OH)<sub>3</sub></p>

html网页制作学习:[5]sup上标sub下标
  • ps模糊画廊移轴模糊怎么设
  • python选择排序法
  • Designer如何使用“矢量画笔工具”
  • Dw CC 2018使用速记怎么设置过渡效果
  • 如何设置中心百分百透明其它部位实色填充渐变?
  • 热门搜索
    文化手抄报 向国旗敬礼手抄报图 健康手抄报资料 手抄报边框素材 书的海洋手抄报 登革热手抄报 趣味数学手抄报 低碳生活手抄报图片 迎元旦手抄报 圣诞节手抄报英语