HTML 区块

每个HTML元素都有一个默认的显示值，具体取决于它的元素类型。大多数元素的默认显示值是块级元素或内联元素。

块级元素

块级元素始终在新一行上开始并占用可用的全宽(尽可能向左和向右延伸)。

<div>元素是块级元素。

<div>Hello</div>
<div>World</div>

HTML中的块级元素:

内联元素

内联元素不会在新一行上开始，只会占用所需的宽度。

这是段落中的内联<span>元素。

<span>Hello</span>
<span>World</span>

HTML中的内联元素有:

<div>元素

<div>元素通常用作其他HTML元素的容器。

与CSS一起使用时<div>元素可用于设置内容块的样式：

示例

<div style="background-color:black;color:white;padding:20px;">
  <h2>伦敦</h2>
  <p>伦敦是英国的首都。它是英国人口最多的城市，人口超过1300万。
站在泰晤士河上的伦敦，两千年来一直是一个重要的定居地，它的历史可以追溯到它由罗马人创立的时候，罗马人将它命名为Londinium。</p>
</div>

<span>元素

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

与CSS一起使用时,<span>元素可用于设置文本的部分样式：

示例

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

HTML分组标签