HTML实体字符控制给文字加粗倾斜删除线下划线

作者:滴水穿石 | 创建时间: 2023-05-05
一个漂亮的文档总是通过对文字做各种处理,不同的时候通过不同的操作来表达我们的意思。这里我就来分享下如何对文字加粗、文字倾斜、删除线、下划线、电报文字、下标和上标等等操作。...
HTML实体字符控制给文字加粗倾斜删除线下划线

操作方法

我们看到一段话中总是希望给我们表达着重的文字着重显示,通常用到加粗文字来达到效果。那么我们在HTML中如何加粗文字呢?这里用到了<b></b>这个标记来实现的。具体实例如下所示: <html> <head><title>特殊字符实现</title></head> <body> 我爱网页设计,我爱<b>HTML</b> </body> </html> 可以看到如下图的执行结果,对HTML这个文字加粗了。

那么我们想让我们的名字或者其他的特殊含有的字符倾斜怎么办呢?在HTML中用<i></i>来实现的。具体代码如下: <html> <head><title>特殊字符实现</title></head> <body> 我爱网页设计,我爱<i>HTML</i> </body> </html> 可以看到实现我们想要的HTML倾斜的这个功能。

在HTML中一段文字需要加下划线来表示该怎么做呢?在HTML中有<u></u>这个标记来实现。具体代码如下:

我们想要把一段话删除掉,可以用到给HTML文字加上删除线,在HTML中用到的是<s></s>。具体代码如下: <html> <head><title>特殊字符实现</title></head> <body> 我爱网页设计,我爱<s>HTML</s> </body> </html> 可以看到HTML加上了删除线。

在HTML中还有一个电报字的一个标记。在有的特定情况可以用到,他的标记是<tt></tt>,现在我就通过代码来看看具体的效果: <html> <head><title>特殊字符实现</title></head> <body> 我爱网页设计,我爱<tt>HTML</tt> </body> </html> 可以看到执行结果,HTML这个字符比其他字符小很多。

我们如果要在HTML中输入一个数学的方程式该怎么做呢?我这就来介绍HTML中的下标的标记,通过<sub></sub>来实现的。具体代码如下所示: <html> <head><title>特殊字符实现</title></head> <body> X<sub>1</sub>+X<sub>2</sub> </body> </html> 可以看到如下所示的效果,实现了下标的操作。

最后我来介绍下上标,来实现2的平和2的三次方的表示效果。具体代码如下: <html> <head><title>特殊字符实现</title></head> <body> 2<sup>2</sup>+2<sup>3</sup> </body> </html> 可以看到如下图所示的效果,完美实现了。

温馨提示

学习编程是一个持续不断联系的过程
点击展开全文

更多推荐