四 段落Paragraphs四 段落Paragraphs

80酷酷网    80kuku.com

  

四 段落Paragraphs

现在你对html的结构有了基本了解,可能在内容方面有点混乱。

粘贴下面代码

<!DOCTYPE html PUBLIC "-//W3C//DTD  1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title>My first web page</title></head><body>This is my first web pageHow exciting</body></html>

你希望能够和你打出来的一样,分为两行,但在浏览器中却是这样:

This is my first web page How exciting.

这是因为浏览器不会注意你的分行,也不会注意任何空格。(如果你打"This is my first web page       How exciting"结果还是一样的)

如果你需要分行,就要像下面一样:

<p>This is my first web page</p><p>How exciting</p>

p标签的语意是段落。

现在再观看下结果,分为两行。就像一本书的段落一样,那样简单。

强调加重

你可能使用em标签或strong强调加重段落的文字。这两个标签的功能差不多,尽管老版本浏览器把em解释为斜体字,strong解散为加粗。

<p>Yes, that <em>is</em> what I said. How <strong>very</strong> exciting.</p>

换行

换行标签可以使用<br />

This is my first web page<br />How exciting

然而,当两块文字决定分离,上面的方法不能使用过渡或者不应该使用,而应该使用p标签。

注意,因为换行标签没有相关内容,它的闭合标签在br后面加"/"即可,“br /”



分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: