在网页中显示文本

很多HTML元素都可以用来显示文本，比如我们在前面的课程中已经见过的<div>、<h1>、等等。

但若是想要显示一些纯文本，比如一篇文章的正文，我们建议使用<p>和<span>，因为它们是专门用来显示文本的。

<p>用来显示一段“文本块”，一般用来包含文章的一个段落。用<p>包含的文本将不会与它前后的文本或元素显示在同一行。

<span>用来显示一小段文本，它包含的文本将于它前后的文本位于同一行内。

请看下面这个示例：

<div>
  <h1>HTML5可用来做什么</h1>
</div>
<div>
  <p><span>HTML5</span>可用来做网页、手机App、网页游戏、等等。</p>
</div>
    

在上面的示例中，有两个<div>，在第二个<div>中，包含了一个<p>，在这个<p>内包含了一个<span>、以及一些文本。

当以上代码在网页中显示的时候，<span>内包含的文本HTML5将与<p>内包含的其它文本显示在同一行内。

以下是上面示例的运行结果：

练习