HTML标签：排版标签

本文主要内容

排版标签：

• <h1>
• <p>
• <hr />
• <br />
• <div>
• <span>
• <center>
• <pre>

下面来详细介绍一下排版标签。

标题标签

标题使用 <h1> 至 <h6> 标签进行定义。<h1> 定义最大的标题，<h6> 定义最小的标题。具有 align属性，属性值可以是：left、center、right。

<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>

段落标签

<p> 标签定义段落，是 paragraph 的缩写。

<p>这是一个段落。</p>
<p>这是另一个段落。</p>

段落标签也具有 align 属性，属性值可以是：left、center、right。

水平线标签

<hr /> 标签在 HTML 页面中创建一条水平线，是 horizontal rule 的缩写。

<p>这是一个段落。</p>
<hr />
<p>这是另一个段落。</p>

换行标签

<br /> 标签用于在文本中插入一个换行符，是 break 的缩写。

这是一段文本<br />这是另一段文本

div 标签

<div> 标签定义 HTML 文档中的一个分隔区块或者一个区域部分。

<div> 标签常用于组合块级元素，以便通过 CSS 来对这些元素进行格式化。

<div>这是一个块级元素</div>

span 标签

<span> 标签用于组合行内元素。

<p>这是一个<span style="color:red">红色</span>的单词。</p>

center 标签

<center> 标签用于居中文本。

<center>这是居中的文本</center>

注意：<center> 标签在 HTML5 中已被废弃，建议使用 CSS 的 text-align 属性来实现文本居中。

pre 标签

<pre> 标签用于定义预格式化的文本，保留空格和换行符。

<pre>
这是
预格式化的
文本
</pre>

总结

排版标签是 HTML 中最基础的标签，用于定义文档的基本结构和布局。正确使用这些标签，可以使网页结构清晰，便于阅读和维护。

在实际开发中，我们通常会结合 CSS 来控制这些标签的样式，使网页更加美观和专业。