内联元素，比如：

HTML (超文本标记语言) 元素大多数都是行内元素或块级元素。一个行内元素只占据它对应标签的边框所包含的空间。

行内元素与块级元素对比：

• 格式
  默认情况下，行内元素不会以新行开始，而块级元素会新起一行。
• 内容
  一般情况下，行内元素只能包含数据和其他行内元素。
下面的元素都是行内元素：
• b, big, i, small, tt
• abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var
• a, bdo, br, img, map, object, q, script, span, sub, sup
• button, input, label, select, textarea
• 链接（或叫锚点）（links / anchors）强调词（emphasised words）着重词（important words）短引用（short quotes）缩写（abbreviations）引用（cite）斜体（italic）1
• 图片（image）输入框（input box）选择框（select box）间隔（span）输入标签（label）

块元素用来结构化文档的主体部分，把文档分解成条理分明的块。 所以块元素一般是其他元素的容器，可容纳内联元素和其他块元素，块元素有独立的空间，排斥其他元素与其位于同一行，可设置宽度(width)、高度(height)和内外边距（padding/margin）属性。

内联元素用来构建局部的差异化文本，没有独立的空间，依附于其他块级元素存在，宽高和内外边距属性无效。

你在学编程搜索过H5动画吗？

所有块级元素都有开始和关闭标签，可以包含其他块元素和内联元素。

自关闭元素只能是内联元素，因为其语法结构决定了不能包含其他HTML元素；但内联元素不一定是自关闭的。

块和内联元素转换

如有必要，可以转换块和内联元素，通过设置元素的显示样式（display属性值）。
块状元素转化为内联元素：css设置display:inline ;
内联元素转化为块状元素：css设置display:block ;
关于样式表（CSS）的使用，后续章节会详细讲解。

其它类型的HTML元素

除了块元素和内联外，还有一些其他类型的HTML元素，常用的有：

• 列表项
• 表格，表格行，表格单元

  HTML 元素关系 HTML文档就像一个 族谱，元素之间的关系有父亲（parents），兄弟姐妹（siblings），子女（children），祖先（ancestors）和后代（descendants）。 通过这样的层级和嵌套关系把元素彼此关联组织在一起，形成完整的体系。 嵌套（Nesting） 我们使用下面的代码来说明： 我们认为学习不只是掌握知识点，更重要的是要沉淀为理解力，为此需要："知其然，知其所以然。". 我们认为学习不只是掌握知识点，更重要的是要沉淀为理解力，为此需要："知其然，知其所以然。". 本例中： 元素赋予“理解力”更多重要性 标记一段引用 被显示为 粗体（bold） 是 浏览器的默认行为。 本例中： 是和的 父 元素 和是 的 子 元素 和是 兄弟 元素 顺序（Order） 元素嵌套关系 由 开始标签 和 关闭标签 的顺序所确定。 子元素被包含在父元素的标签对之间，开始标签要晚于父元素，而关闭标签必须早于父元素。下面的代码是违反规则的。 这段代码无效，因为 "strong" 标签的关闭顺序不正确。 这段代码有效，因为 "strong" 标签的关闭顺序不正确。 深度（Depth） 嵌套允许有多个层级，下面是一个有更深元素层级的代码示例： 上述例子中： 是所有其他元素的 祖先（ancestor） , ,和元素都是的后代（descendants） and 2个 元素是 兄弟（siblings） 是其包含的和子元素的 父亲 是和的 父亲 的 父亲 块和内联元素的嵌套 块元素可以包含块或内联元素，但是内联元素只能包含其他内联元素。1 你不应该把p元素放在 "strong" 标签中。 写文章要条理清楚，写HTML文档也一样，良好的文档结构有助于用户和搜索引擎更好的理解页面内容。