HTML中“行内元素”和“块级元素”的区别，介绍换行符
每个HTML元素被浏览器明确的呈现，现在我们看一下“块级”元素和“行内”元素的区别。正确使用他们会使网页结构更清晰。
块级元素
块级元素占据了网页的一行，到目前为止，我们使用的大多都是块级元素，比如：
- 标题 (
<h1>–<h6>) - 有序表和无序表(
<ol>,<ul>) - 表单项(
<li>) - 段落(
<p>)
每一个元素都是占据单独的一行
行内元素
就像名字一样，这类元素不占一整行，这类元素有：
- 锚 (
<a>) - 图像 (
<img>) - 粗体(
<strong>) - 强调文本(
<em>)
如果有些困惑，通过代码就很容易理解了
<html>
<head>
<title>块级元素VS行内元素</title>
</head>
<body>
<p>这是一个块级元素，占据了一整行！！</p>
<p>为了证明楼上占了一整行，再写一行</p>
<p>
<strong>行内元素</strong> 经常 <em>出现在</em>块级元素内
<a href="https://www.baidu.com/">他们不占新的一行</a>
</p>
</body>
</html>显示出来是：
这是一个块级元素，占据了一整行！！
为了证明楼上占了一整行，再写一行
行内元素 经常 出现在块级元素内 他们不占新的一行
Divs换行符
<div>是块级元素，占据一行，用来分隔网页上的元素。
A占了一行
B与A之间隔了一行
<html>
<head>
<title>Grouping Content with Divs</title>
</head>
<body>
<div>
<h2>A占了一行</h2>
</div>
<div>
<h2>B与A之间隔了一行</h2>
</div>
</body>
</html>
<div>与其他HTML元素并无特殊之处，现在你可以使用<div>在网页中构建出想要的文本格式
下篇文章介绍id和类属性