HTML入门基础(006)

文本格式化标签,除了字体加粗,还有其他的标签,今天我们接着上节的内容继续学习。字体斜体标签有<i>,<cite>,<em>三个,代码示例如下:

 

<html>  <head>    <title>字体斜体</title>  </head>  <body>    <i>i,我是斜体字体。</i><br>    <cite>cite,我也是斜体字体。</cite><br>    <em>em,我还是斜体字体。</em>  </body></html>

 

对文本进行斜体设置时,尽量使用<em>标签符,<i>和<cite> 标签符用的比较少;<em>是英文单词emphasize的缩写,中文意思就是强调;<i>是英文单词Italics的缩写,中文意思斜体;<cite>是英文单词Cite,中文意思是引用、引述的意思。从英文的识别来说,建议大家斜体设置时,尽量使用<em>标签符。

 

上标标签<sup>:

在数学公式里,经常会用到几次方等上标的情况,如果我们需要在网页中表达数学公式的上标,就可以使用此标签符,代码如下:

 

​​​​​​​

<html>  <head>    <title>上标标签</title>  </head>  <body>    <p>X<sup>2</sup> + Y<sup>2</sup> = 100</p>    <p>a<sup>3</sup> + b<sup>3</sup> = 91</p>    <p> X = 6; Y = 8 </p>    <p> a = 3; b = 4 </p>  </body></html>

 

需要把某个数字或文本变成上标的形式,就把数字或者文本放入<sup></sup>标签内。

 

下标标签<sub>:

如果想在网页中显示带有下标的效果,可以使用下标标签<sub>,代码如下:

 

​​​​​​​

<html>  <head>    <title>下标标签</title>  </head>  <body>    <p>化学方程式:水 H<sub>2</sub>O</p>    <p>在编程语言中,有时我们需要命名变量名称,比如name<sub>1</sub></p>  </body></html>

 

想要把某个数字或者文本变成下标,就把数字或文本放在<sub></sub>标签内。注意:上标标签是<sup>,下标标签是<sub>。

 

大字号标签<big>和小字号标签<small>:

想要对文本的内容把个别字变成大一点的,可以使用大字号标签,如果想要对个别文字变成小字号的,可以使用小字号标签,代码如下:

 

​​​​​​​

<html>  <head>    <title>大字号和小字号</title>  <head>  <body>    <p>我是普通文本。</p>    <p><big>我是大字号文本。</big></p>    <p><small>我是小字号文本。</small></p>  </body></html>

 

在实际开发中,大字号标签符和小字号标签符极少使用,因为对文本字体的放大缩小,我们一般都是使用CSS样式层叠表来控制的。后期我们讲到CSS的入门基础时,再给大家分享关于层叠样式表的相关内容。

 

另外我插一句,学习HTML语言,编写代码最好是自己手动的敲键盘,输入进电脑里,这样会加深你的记忆,有些东西你看了,也理解了,就以为自己懂了,但是实际需开发时,会发现模糊了,记不清了,写错了等等问题的出现,学习编程本身就是一个极其枯燥的过程,只有一步一个脚印的前行,才会最终看到成果,希望初学者能够克服复制代码学习的毛病。

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

虾米大王

有你的支持,我会更有动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值