HTML 区块

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


块级元素

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

<div>元素是块级元素。

实例

<div>Hello</div>
<div>World</div>
运行 »

HTML中的块级元素:


内联元素

内联元素在显示时通常不会以新行开始,只会占用所需的宽度。

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

实例

<span>Hello</span>
<span>World</span>
运行 »

HTML中的内联元素:


<div>元素

<div>元素是块级元素,它是可用于组合其他 HTML 元素的容器

<div>元素没有必填的属性,但styleclassid会经常用到。

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

实例

<div style="background-color:black;color:white;padding:20px;">
  <h2>新手教程(www.uihtml.com)</h2>
  <p>提供了编程的基础技术教程, 介绍了HTML、CSS、Javascript、Python,Java,Ruby,C,PHP , MySQL等各种编程语言的基础知识。 同时本站中也提供了大量的在线实例,通过实例,您可以更好的学习编程.</p>
</div>
运行 »

<span>元素

<span>元素是内联元素,可用作文本的容器

<span>元素没有必填的属性,但styleclassid会经常用到。

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

实例

<h1>我是 <span style="color:red">红色</span> 标题</h1>
运行 »

HTML分组标签

标签描述
<div> 定义了文档的区域,块级 (block-level)
<span> 用来组合文档中的行内元素, 内联元素(inline)