HTML块级元素

Block 块级元素

一个块级元素总是从一个新的行开始，并占据可用的宽度（尽可能延伸到左边和右边）。

<div> 元素是一个块级元素.

常用的块级元素：

<div>
<h1> - <h6>
<p>
<form>

Inline 内联元素

内联元素不在新行上启动，只占用必要的宽度。这是一个段落内的内联 <span> 元素。

下面是常用的内联Inline元素：

<span>
<a>
<img>

The `<div>` Element

<div> 常被用作其它HTML元素的容器。

<div> 元素没有必需的属性，但样式和类都是常见的。

当和CSS一起使用时, <div> 元素可用于样式内容块：

<div style="background-color:black;color:white;padding:20px;">
<h2>北京</h2>
  <p>
    北京，简称“京”，中华人民共和国首都、直辖市、国家中心城市、超大城市，全国政治中心、文化中心、国际交往中心、科技创新中心，
    是中国共产党中央委员会、中华人民共和国中央人民政府和全国人民代表大会的办公所在地，中国中部战区司令部驻地。
  </p>
  <p>
    2015年末，北京全市常住人口2170.5万人，比2014年末增加18.9万人。其中，常住外来人口822.6万人，占常住人口的比重为37.9%。
    2015年北京市实现地区生产总值22968.6亿元，比2014年增长6.9%。
  </p>
</div>

让我试试

`<span>` 元素

<span> 元素通常用作一些文本的容器。

<span> 元素没有必需的属性，但样式和类都是常见的。

当和CSS一起使用，该元素可用格式化部分文字的样式：

<h1>我的<span style="color:red">重要</span>标题</h1>