課上的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初學者它會更容易。

當積累經驗，這些操作可以在你的腦袋容易執行。