段落

原创 2012年03月28日 10:55:29

段落是用<p>标签定义的。

<p>This is another paragraph</p> 
HTML自动在一个段落前后各添加一个空行。
换行
当需要结束一行,并且不想开始新段落时,使用<br>标签。<br>标签不管放在什么位置,都能够强制换行。

<p>
	This
	<br>
	is a para
	<br>
	graph with line breaks
</p> 

<br>标签是一个空标签,它没有结束标记。

注释
注释标签用来在HTML源文件中插入注释。注释会被浏览器忽略。你可以使用注释来解释你的代码,这可以在你以后编辑代码的时候帮助你。

<!-- This is a comment --> 

注意:你需要在左括号“<”后面跟一个感叹号,右括号不用。

技巧
当你写下HTML文本的时候,你不能确知在另外一个浏览器中,这些文本将被如何显示。有人用着大的显示器,有的人用的小一些。每次用户调整窗口大小的时候,文本都将被重新格式化。不要想在编辑器中写一些空行和空格来协助排版。
HTML将截掉你文本中的多余空格。不管多少个空格,处理起来只当一个。一点附加信息:在HTML里面,一个空行也只被当作一个空格来处理。
使用空段落<p>来插入空白行是一个坏习惯,请使用<br>标签来替代。(但是不要用<br>标签来创建列表,我们后面会专门学习HTML列表的。)
你也许注意到了段落可以不写结束标记</p>。别依赖它,HTML的下一个版本将不准你漏掉任何一个结束标签。
HTML自动在某些元素前后增加额外的空行,就像在段落和标题元素的前后一样。
我们使用了水平线(<hr>标签)来分隔我们教程的章节。

例如:
多个段落

<html>
	<body>
		<p>
			This paragraph contains a lot of lines in the source code, but the
			browser ignores it.
		</p>
		<p>
			This paragraph contains a lot of spaces in the source code, but the
			browser ignores it.
		</p>
		<p>
			The number of lines in a paragraph depends on the size of your
			browser window. If you resize the browser window, the number of lines
			in this paragraph will change.
		</p>
	</body>
</html>

这个例子说明了段落的一些默认行为。
换行

<html>
	<body>
		<p>
			To break
			<br>
			lines
			<br>
			in a
			<br>
			paragraph,
			<br>
			use the br tag.
		</p>
	</body>
</html>

这个例子说明了在HTML文档中换行的使用。
格式

<html>
	<body>
		<p>
			My Bonnie lies over the ocean. My Bonnie lies over the sea. My Bonnie
			lies over the ocean. Oh, bring back my Bonnie to me.
		</p>
		<p>
			Note that your browser simply ignores your formatting!
		</p>
	</body>
</html>

这个例子说明了HTML显示格式的一些问题。
标题元素

<html>
	<body>
		<h1>
			This is heading 1
		</h1>
		<h2>
			This is heading 2
		</h2>
		<h3>
			This is heading 3
		</h3>
		<h4>
			This is heading 4
		</h4>
		<h5>
			This is heading 5
		</h5>
		<h6>
			This is heading 6
		</h6>
		<p>
			Use heading tags only for headings. Don't use them just to make
			something bold. Use other tags for that.
		</p>
	</body>
</html>

这个例子说明了在HTML中显示标题元素的标签。
居中的标题元素

<html>
	<body>
		<h1 align="center">
			This is heading 1
		</h1>
		<p>
			The heading above is aligned to the center of this page. The heading
			above is aligned to the center of this page. The heading above is
			aligned to the center of this page.
		</p>
	</body>
</html>

这个例子显示了一个居中的标题元素。

水平线

<html>
	<body>
		<p>
			The hr tag defines a horizontal rule:
		</p>
		<hr>
		<p>
			This is a paragraph
		</p>
		<hr>
		<p>
			This is a paragraph
		</p>
		<hr>
		<p>
			This is a paragraph
		</p>
	</body>
</html>

这个例子说明了如何插入水平线。
隐藏的注释

<html>
	<body>
		<!--This comment will not be displayed-->
		<p>
			This is a regular paragraph
		</p>
	</body>
</html>

这个例子说明了在HTML文档中如何插入隐藏的注释。

背景色

<html>
	<body bgcolor="yellow">
		<h2>
			Look: Colored Background!
		</h2>
	</body>
</html>

这个例子说明了如何给页面设置背景色。


相关文章推荐

css 段落布局

  • 2014年10月02日 18:47
  • 39.48MB
  • 下载

itext生成word的表格、段落和图片

  • 2017年08月04日 15:18
  • 29KB
  • 下载

Qt Creator 中的添加“注释段落”的快捷方法

原文地址:点击打开链接      作为一名合格的程序员,漂漂亮亮的注释是必须的!!怎么在Qt Creator中自动补全漂亮的注释呢 ?以下的段落注释,楼主个人别较喜欢。当然也可以自定义自己比较喜欢...
  • e5Max
  • e5Max
  • 2016年01月08日 09:57
  • 3422

【Mac OS X开发】NSTextFieldCell选中和正常状态的字体段落样式设置

在设置NSTextFieldCell在选中状态和未选中状态时的两种不同的字体段落样式时,查找网上的资料,发现有很多是复制attributedStringValue进行属性字典的构建,先前也觉得这样很便...

MFC读取英文段落统计字数

  • 2010年03月27日 12:48
  • 395KB
  • 下载

HTML段落、文本格式、样式

定义段落:在不产生一个新段落的情况下进行换行:当显示页面时,浏览器会移除源代码中多余的空格和空行,因此,无法通过在HTML代码中添加额外的空格或换行来改变输出的效果。段落的行数依赖于浏览器窗口的大小。...
  • thigdo
  • thigdo
  • 2011年07月14日 13:18
  • 7485
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:段落
举报原因:
原因补充:

(最多只允许输入30个字)