1.6.4 排版

可通过<center>标签使姓名居中显示。可使用<hr>标签在每两个标题之间显示水平分隔线。代码如下所示。

<html>
<head>
  <meta charset="utf8" />
  <title>我的简历</title>
</head>
<body>
  <center><h1>姓名</h1></center>
  <h2>教育经历</h2>
    <p>2018年9月—2021年6月 北京邮电大学</p>
    <p>2013年9月—2017年6月 青岛大学</p>
  <hr>
    <h2>兴趣爱好</h2>
      <p>编程、看书、听音乐</p>
    <hr>
    <h2>联系方式</h2>
      <p>网站地址：e× × q.com</p>
      <p>邮箱地址：sxw@e× × q.com</p>
</body>
</html>

在浏览器中简历文档的显示结果如图1.17所示。

图1.17 在Edge浏览器中简历文档的显示效果（2）

上一章目录下一章