段落

原创 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>

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


CSS3——文本、段落

文本属性 1.阴影文本text-shadow
  • qq_17613195
  • qq_17613195
  • 2016年01月06日 10:07
  • 727

CSS设置文字和段落属性

字体属性: Color: 颜色名称/十六进制/RGB码  #FFF和#FFFFFF都表示白色   Font-family:字形名称/字形名称.... 可以有多个字形,但只取一个,从头开始选直到...
  • manREDoo
  • manREDoo
  • 2017年06月30日 07:56
  • 367

HTML/CSS之段落排版

中文文字中的段前习惯空两个文字的空白,这个特殊的样式可以用下面代码来实现: p{text-indent:2em;},在head头里面写上下面的代码 p{text-indent:2em;} 注意...
  • u012110719
  • u012110719
  • 2014年12月13日 11:04
  • 1881

C# 对Word2007的新建,打开,添加段落

代码其实很简单:using System;using System.Collections.Generic;using System.Text;using System.IO;using Micros...
  • LCL_data
  • LCL_data
  • 2009年07月20日 10:45
  • 3921

C#如何向word文档插入一个新段落及隐藏段落

向Word文档插入一个新段落的操作步骤 步骤1:新建一个文档并加载现有文档 Document document = new Document(); document.LoadFromFil...
  • zhaohongyan6
  • zhaohongyan6
  • 2017年04月27日 09:54
  • 481

用Python实现去掉文章中特定的段落

有一份试题,每个问题以QUESTION NO开始,然后是该题的答案,以Answer:开始。为了摘出一份只包含问题,不包含答案的试题,尝试用ultraedit的正则表达式替换,但不支持跨行替换。于是写了...
  • l1t
  • l1t
  • 2006年09月14日 12:19
  • 2303

Java实现文本按照自然段落进行切分

package cn.edu.shu.web.test;import java.io.BufferedReader; import java.io.File; import java.io.FileR...
  • shijiebei2009
  • shijiebei2009
  • 2015年02月11日 13:45
  • 1880

html段落标签

html> head> title> b>网易云课堂b>title> meta http-equiv="Content-Type" content="text/html;charset...
  • pangqiandou
  • pangqiandou
  • 2016年09月16日 12:32
  • 568

HTML+CSS段落样式排版设置

在遇到网页段落文字需要首行缩进两个字符时,为了方便,有时我们可以选择利用多个空格符( )来实现。但是当网页内容需要更新或者网页段落较多时,我们再利用空格符来对每一段落进行缩进显然是不方便的,...
  • chenlinwei5
  • chenlinwei5
  • 2017年01月16日 21:29
  • 648

WORD批量查找并删除重复段落

有时候,需要整理的文档有大量重复的段落,如何批量清除呢?    [准备工作]     1、把每个段落标记替换为二个(查找内容“^p”,替换为“^p^p”)     2、把光标放在文章开始处(Ctrl+...
  • playkid123
  • playkid123
  • 2015年03月23日 11:54
  • 968
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:段落
举报原因:
原因补充:

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