
上QQ阅读APP看书,第一时间看更新
1.6.3 段落
HTML5中使用<p>标签表示段落。多个连续的<p>标签之间会自动换行。但HTML5会自动忽略同一个标签内的换行。继续补充简历内容,在每个<h2>标签后添加<p>标签及相关内容。
<html> <head> <meta charset="utf8" /> <title>我的简历</title> </head> <body> <h1>姓名</h1> <h2>教育经历</h2> <p>2018年9月—2021年6月 北京邮电大学</p> <p>2013年9月—2017年6月 青岛大学</p> <h2>兴趣爱好</h2> <p>编程、看书、听音乐</p> <h2>联系方式</h2> <p>网站地址:e× × q.com</p> <p>邮箱地址:sxw@e× × q.com</p> </body> </html>
图1.16展示了当前代码对应的显示效果。

图1.16 在Edge浏览器中简历文档的显示效果(1)
每个<h1>标签或<p>标签后都会换行。即使写成如下形式,<p>标签后也会自动换行。
<p>网站地址:exxq.com</p><p>邮箱地址:sxw@exxq.com</p>
这与HTML元素的属性有关,块(Block)元素排版时独占整行,不能与其他元素并列展示,上面示例的<p>标签就是常见的块元素。行内(Inline)元素排版时可以共享一行空间,可以与其他元素并列展示,行内元素不能设置高度和宽度,默认的宽度是元素内容的宽度。