现在你的HTML文档已经有了基本的框架,你可以来“胡搞”一阵子其他内容了 :)
回到记事本,按照下面增加新行:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
这是我的第一个网页
多么令人激动
</body>
</html>
接着用浏览器查看一下。
你可能期望你的页面展示出像所你键入得一样格式,分为两行,但是在浏览器上你会看到:
这是我的第一个网页多么令人激动
显示出来的内容并没有换行,这是因为浏览器不会关注你的代码是怎么写的,也丝毫不关心空格(就算你键入“这是我的第一个网页 多么令人激动”,结果还是是一样的)。
要文本以不同的行来显示,你必须明确地用代码来告诉浏览器该处应该换行。
按照下面的代码改进上面的代码:
<p>这是我的第一个网页</p>
<p>多么令人激动</p>
p标签代表paragraph,即段落。
查看结果,这个时候你就会发现,"这是我的第一个网页 多么令人激动"变成两段来显示了。
HTML文档的内容应该跟书籍或者文章一样,在适当的地方应该划分段落。
强调一下:在段落中你可以用em标签和strong标签来强调突出文本。它们都做几乎相同的事,尽管传统上浏览器会以斜体来显示em,以粗体来显示strong。大家可以按照下面的代码测试一下:
<p>是的, 那个<em>就是</em> 我要说的。 <strong>多么</strong>令人激动</p>
换行:换行标签可以用来打断成两行,像下面:
这是我的第一个网页<br /> 多么令人激动
但是,这个方法已经严重被滥用来划分段落,它不应该使用在预计分段的两段文本中。(是什么结构,该用什么标签就用什么标签,不是为断行而分段或者为分段而断行——译者注)
(因为没有任何东西在换行标签之间,所以没有闭合标签,它是用“/”在br后自闭合的。)a