HTML基础知识 段落 [ 网站地图 ]

发表于:2009-12-7 浏览:53 作者: 来源:中国教程网论坛

关键字:段落,基础,HTML,知识

描述:!--em468areaend--现在你的HTML文档已经有了基本的框架,你可以来“胡搞”一阵子其他内容了 :)回到记事本,按照下面增加新行: ExampleSourceCode[www.52css.com] <!DOCTYPE html 

现在你的HTML文档已经有了基本的框架,你可以来“胡搞”一阵子其他内容了 :)

回到记事本,按照下面增加新行:

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
<!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>
 
接着用浏览器查看一下。

你可能期望你的页面展示出像所你键入得一样格式,分为两行,但是你会看到:

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
这是我的第一个网页多令人激动

这是因为浏览器不会关注你的代码是怎么写的,也丝毫不关心空格(就算你键入“这是我的第一个网页    多令人激动”,结果还是是一样的)。

要文本以不同的行来显示,你必须明确地指出。

按照下面改进你的代码:

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
<p>这是我的第一个网页</p>
<p>多令人激动</p>

p标签代表paragraph,即段落。

查看结果,这两行终究以两行来显示。

HTML文档的内容应该跟书籍或者文章一样,在适当的地方应该划分段落。

强调

在段落中你可以用em标签和strong标签来强调突出文本。它们都做几乎相同的事,尽管传统上浏览器会以斜体来显示em,以粗体来显示strong。

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
<p>是的, 那个 <em>就是</em> 我要说的。 <strong>多</strong>令人激动</p> 

换行

换行标签可以用来打断成两行,像下面:

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
这是我的第一个网页<br /> 多令人激动 

但是,这个方法已经严重被滥用来划分段落,它不应该使用在预计分段的两段文本中。(是什么结构,该用什么标签就用什么标签,不是为断行而分段或者为分段而断行——译者注)

站长资讯网 做中国最丰富的资讯网站 沪ICP备05004089号