课上的HTML。 合并单元格

在HTML中的表格 -一个非常方便的项目。 有了他们，你可以做任何事情。 当然，最主要的目的 - 将信息放置在表中。 但是，网站的开发者已经走得更远。 曾经有一段时间很流行用一个表来创建网站的框架。 现在专家正在尝试不这样做。

表发现，因为有大量的属性及其广泛的应用。 例如，一个非常有用的性质变成结合的行或列。

简介理论

列跨度和行跨度：在HTML中，细胞的结合由两个属性的装置中出现。 他们正在为TD标签中指定。

让我们先来分析每个表的结构，在我们深入探讨的话题。 在每一个桌子上有一条线，并在它 - 细胞。 请记住，最初，所有表必须包含相同数量的细胞。

上面所指出的两行和各三个单元的图。 它是一种常见的表。 如果您有任何框中，键入细胞数量较少，表中“搬走”，都将无法正确显示。

HTML的表：垂直和水平合并单元格

要指定，如果你有什么要合并单元格或串的数量较少，可以仅使用。 而是在近邻顶端已删除项目的需要指定一个额外的属性。 如果合并列，然后合并单元格，如果字符串，然后行跨度。 属性的值表示要合并的项目数。

请注意，您需要在顶端最近的元素来指定。 例如，在上图中，如果你想在小区1和2相结合，则需要在两个值小区1跨度属性来指定。 并删除2号位或者3，不要紧。

底线是，你告诉细胞将多大的存储空间。 默认值是1。

合并单元格垂直HTML表采用同样的原则进行。 只需占用的空间将被垂直考虑。 如下图所示。

在这里，用数字43的单元需要两个字符串。 要做到这一点，你指定属性行跨度。 只记得：

• 行 - 行。
• 山口 - 列/列。
• 跨度 - 协会。

创作者试图把语言尽可能地人，所以，即使不知道它，可以在某种程度上理解。

垂直和水平：在HTML中，细胞的结合可以在两个方向进行。 要做到这一点，我们同时指定属性。

上图就是这样，并指出，该协会可以这样做：行，列或行和列。

HTML：合并单元格。 例子

让我们考虑在大表更复杂的例子里程碑。 下方左侧设置常规表的原始版本。 右 - 与两个小区的第二行中的组合的变体。 所以，更清晰，更容易比较的HTML代码。

您也可以在小区的中心三者有机结合起来。 在第一种情况下跨度属性指定单元№1。 这里，第一将保持不变，并且所述第二加入到列跨度，等于3。

如果你想对所有单元格合并成一排单，然后卸下四颗TD在第一指示合并单元格=“5”。

正如你所看到的，其实一切都很简单。 没有什么复杂的。 最重要的是，仔细，从第一时间了解表的所有缺陷，然后没有问题，应该不会出现。

表的站点框架

在HTML中，细胞的结合并不总是用于与定期信息表（在Word或Excel）。 网站设计者经常，但在此之前的调查都用他们的网站布局。

例如，考虑网站的布局。 这样的设计 - 非常简单和原始的。 但是你可以显示应用协会明确。

这里原是三排每两个单元格的表格。 然后，放置网站的标识，第一行中的两个单元格已合并。 底线是做同样的，以适应“地下室”。

由于它的位置就可以放置的设计元素，并没有什么不会离开它的局限性。 这是一个非常方便和简单。 因此，它是如此受欢迎。 现在，它是建议创建一个div标签块。

结论

请记住，在HTML表格单元格合并，你可以做任何你喜欢的。 这一切都取决于你想要什么，你要如何安排。 重要的是，不要混淆。 如果你想创建一个大表有大量关联，建议借鉴这一切在一张纸上或画图。 Imposer初学者它会更容易。

当积累经验，这些操作可以在你的脑袋容易执行。