HTML 段落

HTML 段落是通过 <p> 标签来定义的。这个标签用于表示文本的一个段落，并且 HTML 解析器会自动地在段落的前后添加空行（即上下的垂直边距），以便将段落与页面上的其他内容区分开来。

以下是一个简单的 HTML 段落示例：

html复制代码

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>HTML 段落示例</title>
	</head>
	<body>
	<p>这是一个段落。它包含了关于某个主题的几句文本。段落是 HTML 文档中最基本的文本单位之一。</p>
	<p>这是另一个段落。它与上面的段落通过空行分隔开来，以清晰地表示它们是两个独立的内容块。</p>
	</body>
	</html>

段落内不能包含块级元素：段落是一个块级元素（block-level element），这意味着它会独占一行，并且其前后会自动添加空行。因此，你不能在 <p> 标签内部嵌套其他块级元素（如 <div>、<h1> 到 <h6>、<ul>、<ol>、<table> 等），但可以包含内联元素（inline element），如 <span>、<a>、<strong>、<em> 等。
空段落：虽然技术上允许创建没有内容的空段落（即 <p></p>），但这样做通常没有意义，也不会在页面上显示任何东西。
样式：你可以使用 CSS 来改变段落的样式，如字体大小、颜色、行高、边距等。
语义化：段落标签不仅用于表示文本的一个段落，还提供了关于页面内容的语义信息。这对于搜索引擎优化（SEO）和屏幕阅读器等辅助技术来说非常重要。

以下是一个带有样式的段落示例：

html复制代码

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>带有样式的段落示例</title>
	<style>
	p {
	font-size: 16px;
	color: #333;
	line-height: 1.5;
	margin: 20px 0;
	}
	</style>
	</head>
	<body>
	<p>这是一个带有自定义样式的段落。它的字体大小为 16 像素，颜色为深灰色，行高为 1.5 倍行距，上下边距为 20 像素。</p>
	</body>
	</html>

在这个示例中，我们使用了 <style> 标签来定义 CSS 样式，并通过选择器 p 将这些样式应用到所有的段落上。

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

HTML 速查手册