如何使用HTML排版标签

张金贵 · 2001年第43期

我们在用Word等字处理软件书写文章时，这些软件系统都自带了许多排版的功能，利用这些功能我们可以美化页面布局把文章排得非常整齐，易于阅读。同样，在制作网页时，为了美化页面、方便排版，灵活应用HTML语言中所设计的许多简单易用的排版标签，这些标签也可以让你设计出精彩的网页来。
　　#1 一、段落和换行标签
　　 ①

　　该标签的作用是换行，另起一个新的段落。它可以单独使用，也可以

……

联合使用。使用了

标签后，两个段落之间会空出一行。
　　 ②

　　该标签的作用是在文本后面插入一个硬换行符，它仅用来使文本换行页不需要与前一行文本之间空出一行，这是它与

标签的一个最大区别。
标签既可以放在同一行文本的后面，也可以独自放在一行上，其结果是相同的。
　　 ③……
　　该标签用来防止浏览器将URL之类的文本行断开。因为对于一个行较长的文本，无论你是否在其中使用

或
标签，如果它的长度超过了浏览器窗口的宽度，浏览器都会自动将它们换行显示。如果你不允许将文本断开，就可以使用……标签，这样浏览器就会将和之间的文本内容放在一行内显示。
　　#1 二、预定义文本格式标签
　　 ①

……

　　该标签用于保持文本正文中的间隔和换行格式，如果你想要在网页上让整段文字以预先编排好的格式显示出来，就可以先用文本编辑器预先编排好，然后在整段文字的首尾加上

……

标签即可。浏览时就可以按照你排好的格式显示。
　　 ②……
　　该标签用来显示位于其中的所有文本内容和文本格式及间隔，包括位于其中的HTML标签，这对于排版显示HTML文本特别有用。（图1）1是

和标签的显示效果图。
<figure id="fig-43040701a"><img src="../../images/2001/43040701a.jpg" alt="图1"><figcaption>图1</figcaption></figure><br>
　　  ③<LISTING>……</LISTING><br>
　　  该标签用等宽字体来显示其文本就像是用老式打字机或者是计算机打印出来的一样。<br>
　　#1  三、居中显示标签<br>
　　  <CENTER>……</CENTER><br>
　　  该标签可使文本或图像在浏览器窗口居中放置，而且它还随着浏览器窗口的变大变小而自动的调整居中位置。它非常适合于有多个连在一起的段落需要居中排列的场合，这样可省去对每一个段落都分别设置居中属性的麻烦。<br>
　　  下面一段文本的显示效果见<a class="fig-ref" href="#fig-43040701b">（图2）</a>2。
<figure id="fig-43040701b"><img src="../../images/2001/43040701b.jpg" alt="图2"><figcaption>图2</figcaption></figure><br>
　　  <html><br>
　　  <head><br>
　　  <title>示例</title><br>
　　  </head><br>
　　  <body><br>
　　  <center><br>
　　  <pre><br>
　　  床前明月光<br>
　　  疑是地上霜<br>
　　  举头望明月<br>
　　  低头思故乡<br>
　　  </pre>><br>
　　  </center><br>
　　  </body><br>
　　  </html><br>
　　#1  四、分区显示标签<DIV>……</DIV><br>
　　  该标签用于分区显示文本段落，使页面排版美观。它具有align属性，使用方法是：<div align=#>……<div>，#是属性值，有left（左对齐）、center（居中）和rigth（右对齐）三个选项。</p>
      
    </article>
    
    <div class="page-nav">
      <a href="index.html">返回本期目录</a> | <a href="../../index.html">返回总目录</a>
    </div>
  </div>
  <div class="status-bar">
    <p class="status-bar-field">完毕</p>
    <p class="status-bar-field"><a href="https://software-archive.tifan.la/" target="_blank">software-archive.tifan.la</a></p>
    <p class="status-bar-field"><a href="https://software-archive.tifan.la/README.html" target="_blank">关于本站</a></p>
  </div>
</div>


<script src="../../static/han.min.js"></script><script>Han.init()</script>
</body>
</html>