这一小节,我们说3个比较特殊的,用到的场景不多,但需要的时候绝对是有用处的。他们分别是上标字,下标字和删除字。
目录
1 上标字
2 下标字
3 删除字
4 学习HTML的一些问题
1 上标字
什么是上标字呢?你是否记得多少的多少次方。那不就是一个大数字在下面,一个小数字在右上角,对吧。
上标字的标签,是 sup。代码如下:
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>我的第一个网页</title><style type="text/css"></style></head><body><p>10<sup>10</sup> 你知道这个数字有多大吗?</p></body>
</html>
2 下标字
说到下标字呢,我们说一个非常熟悉的场景,化学方程式,水是什么,大家都清楚,对吧。那么我们用下标字来实现一个下标字。
下标字的标签是 sub 标签,我们来实现一个水的化学方程式吧:
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>我的第一个网页</title><style type="text/css"></style></head><body><p>水分子的化学方程式是:H<sub>2</sub>O</p></body>
</html>
3 删除字
什么是删除字呢,我们看去电商平台购物的时候,会有个删除价,或者叫划线价。还不明白?我找个例子啊
你看,本来这个货物呢,是749.9块钱,但现在打折处理,只卖674.9。便宜了很多,对吧。让用户觉得自己占到了便宜。所以呢,给这个749.9的价格上,加上一根横线,这就是所谓的删除字,或者划线字体。
让我们来实现一下:
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>我的第一个网页</title><style type="text/css"></style></head><body><p>现价¥99.9 原价<del>199.9</del></p></body>
</html>
4 学习HTML的一些问题
学习HTML的时候,这些标签们,就是很零散,每个都有自己的含义。我工作中,真的要都记住这些标签吗?这些标签真的都有用吗?不都记住行不行?
其实相对于写逻辑代码来说,这些已经非常简单了,刚开始,就是单纯的记忆,单纯的去敲代码,单纯的看他们的展示效果。
等都学一遍,就需要实战,把这些标签们,组合起来,完成一些网页效果。先是整体记忆,然后在实战中记忆,然后慢慢就会发现,自己用着哪些标签更顺手,哪些更适合自己需要的场景。
等慢慢的,你就会发现,这些标签啊,常用的就那么几个,不常用的,你要有个印象。只有这样,在需要的时候,至少你知道去查有这么个东西,知道自己该如何引导自己去查去使用。要不连印象都没有,何来熟练的去查呢。对吧。
加油吧,这些标签加起来也没多少的。后面还有