第二章 网页制作的排版方法

2.1 文字与段落排版 

2.1.1 段落标签

 段落标签具备通过“align”属性进行对齐方式设定的功能。其中，“<p align='center'>第一段</p>”可使文本呈现居中对齐状态；“<p align='left'>第二段</p>”实现左对齐效果；“<p align='right'>第三段</p>”则达成右对齐布局。 

<p align="center">第一段</p>
<p align="left">第二段</p>
<p align="right">第三段</p>
 

2.1.2 标题标签

标题标签具有多个级别划分，诸如“<h1>标题一</h1>”“<h2>标题二</h2>”“<h3>标题三</h3>”“<h4>标题四</h4>”等。这些不同级别的标题标签能够在文档中突出显示不同重要程度的内容，进而构建出层次分明的文档结构。 **

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

2.1.3 换行标签

  “<br/>”作为换行标签，可在特定的位置执行换行操作。例如，“江西<br/>这样的用法可使文本中另起一行进行显示。 *

<p>江西<br/>这样的用法可使文本中另起一行进行显示。</p>
 

2.1.4 水平线标签

 水平线标签“<hr>”能够通过设置不同的属性来调整其外观表现。例如，“<hr color='#ffc0cd'/>”通过设置颜色属性为“#ffc0cd”来指定水平线的颜色；“<hr size='20px' colo='#aaccff'/>”则设置了线的尺寸为 20 像素，同时将颜色设定为“#aaccff”。 *

<hr style="height: 20px; background-color: #aaccff; border: none; margin-bottom: 20px;">
 

2.1.5 预格式化标签

“<pre>”属于预格式化标签，其作用在于能够保留文本中的空格和换行等格式信息。如下所示： <pre> 江西 </pre> **

<pre> 江西 </pre>

2.1.6 缩排标签

缩排标签在文档中主要用于指定段落或文本块的缩进级别，以此增强文本的层次结构与组织性。常见的缩排标签包括“<ul>”无序列表、“<ol>”有序列表以及“<blockquote>”引用块等。这些标签在文档的排版和格式化过程中发挥着重要作用，能够使文档内容更加清晰易读，呈现出良好的结构层次。

<ul>
  <li>无序列表项1</li>
  <li>无序列表项2</li>
  <li>无序列表项3</li>
</ul>

<ol>
  <li>有序列表项1</li>
  <li>有序列表项2</li>
  <li>有序列表项3</li>
</ol>

<blockquote>
  <p>引用块</p>
  <p>这是一段引用的内容。</p>
</blockquote>