每个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>元素不具有所需属性,但style和class是常见的。
当与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>元件不具有所需属性,但style和class是常见的。
当与CSS一起使用时, <span>元件可用于文本的风格部分组成:
HTML标签分组
标签 | 描述 |
---|---|
<div> | 定义的文档的部分(block-level) |
<span> | 定义的文档的部分(inline) |