最新的Web开发教程

HTML块和内联元素


每个HTML元素都有取决于它是什么类型的元素的默认显示值。 对于大多数元素的默认显示值是块或内联。


块级元素

块级元素总是开始一个新行,并占用可用的全宽(stretches out to the left and right as far as it can)

所述<div>元素是块级元素。

块级元素的实例:

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

内联元素

内联元素不启动新行,只需要尽可能多的宽度是必要的。

这是一个内联<span>元素的段

内联元件的例子:

  • <span>
  • <a>
  • <img>

所述<div>

所述<div>元件是经常用作其他HTML元素的容器的块级元素

所述<div>元素不具有所需属性,但styleclass是常见的。

当与CSS一起使用时, <div>元素可用于的内容风格块:

<div style="background-color:black; color:white; padding:20px;">

<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>

</div>
试一试»

所述<span>

所述<span>元素是通常用作用于一些文本容器的内联元件

所述<span>元件不具有所需属性,但styleclass是常见的。

当与CSS一起使用时, <span>元件可用于文本的风格部分组成:

<h1>My <span style="color:red">Important</span> Heading</h1>
试一试»

HTML标签分组

标签 描述
<div> 定义的文档的部分(block-level)
<span> 定义的文档的部分(inline)