网页设计与制作全能一本通(微课版)
上QQ阅读APP看书,第一时间看更新

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)