在上一阶段的学习中，我们知道了如何使用<h1>和<a>标签来实现不同的文字效果。现在，如果你想让你的网页更加多姿多彩。那么，你可以尝试使用更多的文本标签来装饰你的网页。在这一片教程中，我们将学会怎么使用其它的标签来实现五彩斑斓的文字、加粗强调的文字、斜斜的文字等等更多的文字效果。

1.旨在强调：<b>标签

<b>标签可以让字体加粗，起到强调的作用。你想要在电子文章中“划重点”吗？当然，划重点就能让读者一目了然。你可以使用<b>标签来突出一段文字，用法也是和<a>标签差不多，就像这样。

There is a <b>Fox</b>,he is eating an apple.

呈现的效果：
There is a Fox,he is eating an apple.
是不是很突出了？什么？读者看不到？哦，稍微“麻烦”一点吧，就用一下<font>标签吧。<font>标签可以让文字呈现不同的颜色，这样或许可以更加突出重点。还是用回上面那个例子。让我们看一看怎么用：

There is a <font color="red">Fox</font>,he is eating an apple.

效果如下：
There is a Fox,he is eating an apple.
使用了红色突出了重点，是不是更加鲜明了？这里的color="red"作为标签的一个属性，属性一般在HTML的标签内（当然最好不要出现在结束的标签那里，你不可能写成</font color="red">，那样看起来会很奇怪的。）color代表颜色，"red"代表使用红色字体来表示。双引号中的内容可以改成别的颜色单词。比如yellow,blue,purple,green,pink等等。这里先说一个color属性，其他属性接下来我们再慢慢说。

2.这段内容不要了：<del>标签

什么？你说某段文字不需要了？那就划掉吧！在HTML中，如果你想表示“划掉”某文字，表示“这个是错误的”。你可以使用<del>标签来删除某段文字。就和<b>一样。

It has been <del>delet</del>!

效果：
It has been delet!
这段文字“delet”被删掉了，就不需要关注它。这样的标签效果也很明显。

3.传送门：<a href>文本标签<a>的升级版

<a href="https://hellopgrmm.github.io/">返回主页</a>

点击这->返回主页。噢，你还没看完这篇教程，怎么就返回去了？快回来。这是一个链接标签。其中href属性就是表示要跳转的地方，双引号就是你需要填入的地址。这样子，你就会得到一个带有蓝色的、有下划线的文字，而且点击它，还能传送到别的网站去的文本。你亲手在网页中创造了一个“传送门”！就像刚刚你看到的蓝色文字“返回主页”一样，那就是链接，这相当于告诉浏览器：“哥们，这里创建一个链接文本，文本内容是xxx。点击一下就可以传送到某个网站。”这相当于是<a>标签的升级版。

3.歪过来的文字：<em>斜体文字。

<em>斜过来了！！！</em>

哦!斜过来了！这样的斜体文字很简单，如果你需要在文本中表达些特殊的东西，你只需像上面这么写就行了，改动中间的文字就可以了。你可以将这标签插入在某段文本里。

张养浩的<em>《山坡羊 潼关怀古》</em>打动人心，引起共鸣。

张养浩的《山坡羊 潼关怀古》打动人心，引起共鸣。

4.下划线的文字：<u>

<u>“十年饮冰，未凉热血。”</u>即使经历了无数的风霜与挫折，仍然不忘初心、热情未眠、继续前行。

“十年饮冰，未凉热血。”即使经历了无数的风霜与挫折，仍然不忘初心、热情未眠、继续前行。
哦，很好。

5.会动的文字：<marquee>标签

看右边，文字飘过来了：
我在这里。
这段文字为什么会动？因为使用了HTML的<marquee>标签。这个标签将会实现一个弹幕文字，能从屏幕的右边跑过来。你只需要这样子写，比如：

<marquee>我在这里！</marquee>

就能实现上面的效果。

6.插入代码：<xmp>和<pre>标签。

你要写有关编程的文章吗？哦，这两个标签可以帮助你插入代码。 如果你想要插入另外的HTML代码。可以这样子。

<xmp>
<h1>haha</h1>
</xmp>

<xmp>标签可以阻挡HTML代码的实现，直接让浏览器呈现出原本的HTML代码，如果你也是一个HTML教程编写者，你也可以尝试这样子演示HTML代码。 它的效果如下:

<h1>haha</h1>

你在<xmp>中写的HTML代码，是不会被实现的。但是<pre>标签却不一样。你在<pre>标签中写的HTML代码，还是有可能会实现的。它的效果和xmp标签差不多。

7.齐聚一堂：混合代码。

会动的蓝色文字：

<marquee><font color="blue">Running!!!</font></marquee>

Running!!!
被划掉的斜体：

<em><del>Delete</del></em>

Delete