Zellen zusammenführen. HTML-Lektion

25.08.2023

Seien Sie nun aufmerksam, wenn wir uns dem schwierigsten Thema überhaupt zuwenden, wenn es um die Erstellung von Tabellen geht. Wir sprechen darüber, wie man Zellen in einer HTML-Tabelle kombiniert.

Wenn Sie in einigen Fällen ähnliche Probleme lösen Texteditor Am gebräuchlichsten ist beispielsweise Word, dann erledigt es fast alles selbst, man muss nur den entsprechenden Knopf drücken. Aber wenn wir über die Lösung dieses Problems in HTML sprechen, dann ist hier alles anders. Und wenn Sie aufmerksam sind, wird Ihnen die Aufgabe nicht so überwältigend erscheinen.

Zellen in Zeilen zusammenführen

Zunächst erklären wir Ihnen, wie Sie Zeilen in einer Tabelle in HTML kombinieren. Das Attribut hilft dabei Colspan, was mit Tags wie funktioniert Und .

Beispielsweise weisen Sie diesem Attribut den Wert zu 2 . Dadurch vergrößert sich die Zelle, zu der das Tag gehört, in horizontaler Richtung genau um 2 mal und verdrängt das benachbarte. Aber die verschobene Zelle verschwindet nirgendwo, sie ist in der Tabelle vorhanden, nur in einer völlig neuen Spalte, die entfernt werden muss.

Lassen Sie uns üben, wie das geht. Also, fangen wir an. Versuchen wir, eine Tabelle wie diese zu erstellen:

Gemäß den oben beschriebenen Regeln müssen wir eine Zeile erstellen, eine einfache Zelle hinzufügen und dann in derselben Zeile eine Zelle hinzufügen, die zwei einfache Zellen ersetzt.
In der nächsten Zeile müssen wir nur noch drei einfache Zellen hinzufügen. Klingt einfach, fassen wir unsere Gedanken in Code um:

1 2
3 4 5

Das ist alles! Gar keine große Sache!

Zellen in Spalten zusammenführen

Es ist etwas schwieriger, Zellen in vertikaler Richtung zu kombinieren als in horizontaler Richtung. Dieses Problem wird mithilfe des Attributs gelöst Reihenspanne, das Tags zugewiesen ist oder .

Wenn dieses Attribut auf gesetzt ist 2 , dann vergrößert sich die Zelle vertikal und erstreckt sich bis zur nächsten Zeile. Die Zelle unterhalb der Zelle, deren Größe zunimmt, wird nach rechts verschoben, wodurch wiederum eine zusätzliche Spalte entsteht. Und um es zu entfernen, müssen Sie nur die Zelle löschen.

Lassen Sie uns nun die folgende Tabelle erstellen:

Lasst uns darüber nachdenken, was wir tun müssen. Wir müssen eine Zelle hinzufügen, die zweimal mehr vertikalen Platz einnimmt als eine einfache. Fügen Sie dann zwei einfache Zellen in derselben Zeile hinzu.
Fahren wir mit der nächsten Zeile fort. Hier haben wir einen Platz, der bereits von der Zelle oben belegt ist. Fahren wir mit dem nächsten Abschnitt fort und sehen wir, dass wir in dieser Zeile lediglich zwei einfache Zellen hinzufügen müssen. Fügen wir es in Code ein:

1 2 3
4 5

Auch hier nichts Kompliziertes.

Gleichzeitiges Zusammenfügen vertikal und horizontal in einem Tisch

In realen Situationen sind Tabellen dieser Art sehr häufig anzutreffen. Versuchen Sie es selbst und verwenden Sie die von uns vorgeschlagene Argumentation, um die folgende Tabelle mit HTML-Code zu erstellen:

Wenn es immer noch nicht funktioniert, finden Sie hier die Antwort:

Verbrauchsteuer auf Dieselkraftstoff
Produkte Steuersatz
vom 01.01. bis 31.01.2015 vom 01.01. bis 31.01.2016 ab 01.01.2015
Dieselkraftstoff 3450 Rubel. für 1 Tonne 4150 Rubel. für 1 Tonne 3950 Rubel. für 1 Tonne

Um zwei oder mehr Zellen zu einer zusammenzufassen, verwenden Sie die Attribute colspan und rowspan des Tags . Das colspan-Attribut legt die Anzahl der Zellen fest, die horizontal zusammengeführt werden sollen. Das Attribut rowspan funktioniert ähnlich, mit dem einzigen Unterschied, dass es Zellen vertikal überspannt. Überprüfen Sie vor dem Hinzufügen von Attributen die Anzahl der Zellen in jeder Zeile, um sicherzustellen, dass keine Fehler vorliegen. Also, ersetzt drei Zellen, daher sollte die nächste Zeile drei Tags haben oder Design mögen ...... . Wenn die Anzahl der Zellen in jeder Zeile nicht übereinstimmt, werden leere Phantomzellen angezeigt. Beispiel 12.3 zeigt zwar gültigen, aber falschen Code, in dem ein ähnlicher Fehler auftritt.

Beispiel 12.3. Falsche Zellzusammenführung

Falsche Verwendung von Colspan

Zelle 1 Zelle 2
Zelle 3 Zelle 4


Ergebnis dieses Beispiel in Abb. dargestellt. 12.5.

Reis. 12.5. Darstellung einer zusätzlichen Zelle in der Tabelle

Die erste Zeile des Beispiels gibt drei Zellen an, zwei davon werden mithilfe des colspan-Attributs kombiniert, aber die zweite Zeile fügt nur zwei Zellen hinzu. Aus diesem Grund erscheint eine zusätzliche Zelle, die im Browser angezeigt wird. Es ist deutlich in Abb. zu erkennen. 12.5.

Korrekte Nutzung Die Attribute colspan und rowspan werden in Beispiel 12.4 demonstriert.

Beispiel 12.4. Zellen vertikal und horizontal zusammenführen

Zellen zusammenführen

Browser Internet Explorer Oper Feuerfuchs
6.07.07.08.09.01.02.0
Unterstützt NeinJaNeinJaJaJaJa


Das Ergebnis dieses Beispiels ist in Abb. dargestellt. 12.6.

Reis. 12.6. Tabelle mit verbundenen Zellen

Diese Tabelle hat acht Spalten und drei Zeilen. Einige der Zellen mit der Aufschrift „Internet Explorer“, „Opera“ und „Firefox“ sind an manchen Stellen zu zwei, an anderen zu drei Zellen zusammengefasst. Auf die Zelle mit der Bezeichnung „Browser“ wurde eine vertikale Zusammenführung angewendet.

Ich erkläre Ihnen ausführlich, wie Sie Zellen in Tabellen vertikal und horizontal zusammenführen.

In diesem Artikel werden wir die Prinzipien nicht erklären HTML erstellen Um dieses Wissen zu erlangen, nehmen Sie an unserem HTML-Kurs teil.

Um Zellen in einer Tabelle zu kombinieren, werden dem Tag zwei Attribute zugewiesen Dies sind Colspan (horizontale Verknüpfung) und Rowspan (vertikale Verknüpfung).

Manche Menschen haben Schwierigkeiten bei der Verwendung dieser Attribute oder Probleme beim Zusammenführen von Zellen.

Die Attribute colspan und rowspan akzeptieren ganzzahlige Werte von 0 bis 1000 als Parameter. Hier ist ein kleines Beispiel dafür, wie Sie Zellen in einer Tabelle zusammenführen können.

Auf den ersten Blick ist die umgesetzte Struktur nicht sehr komplex, aber angesichts der Fülle Und Elemente im Code Es ist schwer zu verstehen, nach welchem ​​Prinzip man ein paar weitere Zellen kombinieren kann.

Wir bieten Ihnen eine universelle und sehr komfortable Möglichkeit, Zellen zu kombinieren.

Bereiten Sie zunächst eine Vorlage für Ihre zukünftige Tabelle vor und präsentieren Sie sie mit getrennten Zellen. Das könnte ein Tisch sein 3x3, 6x10 usw. Wir geben jeder Zelle eine eigene Nummer, beginnend von links nach rechts und von oben nach unten.

Schauen wir uns an, wie wir mit dieser Methode die oben gezeigte Tabelle erstellen.

So sehen der Code für unsere Vorlage und die Vorlage selbst aus:

1 2 3 4
5 6 7 8
9 10 11 12
13 14 15 16

1 2 3 4
5 6 7 8
9 10 11 12
13 14 15 16

Es ist notwendig, die Zellen mit den Nummern 1,2,3 horizontal zusammenzuführen. Fügen Sie dazu im Code, Zelle Nr. 1, das Attribut colspan mit dem Wert 3 hinzu. Und löschen Elemente mit den Nummern 2 und 3. Wir schreiben die Nummern der kombinierten Zellen in die resultierende Zelle.

1,2,3 4
5 6 7 8
9 10 11 12
13 14 15 16

1,2,3 4
5 6 7 8
9 10 11 12
13 14 15 16

Jetzt müssen wir die Zellen 9 und 13 vertikal zusammenführen. Wir führen ein ähnliches Verfahren durch: Setzen Sie das Rowspan-Attribut mit dem Wert 2 auf Zelle Nr. 9, löschen Sie Zelle Nr. 13 und schreiben Sie die Nummern der Zellen, aus denen es besteht, in die zusammengeführte Zelle.

So wird sich unser Code ändern und Aussehen Tabellen:

1,2,3 4
5 6 7 8
9,13 10 11 12
14 15 16

1,2,3 4
5 6 7 8
9,13 10 11 12
14 15 16

Es müssen noch 11,12,15,16 Zellen zu einer zusammengefasst werden. Schreiben Sie dazu die Attribute colspan="2" rowspan="2" in die Zelle Nummer 11. Die Zellen 12,15,16 werden aus dem Code entfernt. Wir schreiben die Zahlen 11,12,13,14 in die kombinierte Zelle.

So ändern sich unser Code und das Erscheinungsbild der Tabelle:

1,2,3 4
5 6 7 8
9,13 10 11,12,15,16
14

1,2,3 4
5 6 7 8
9,13 10 11,12,15,16
14

Das ist alles, wir haben die Originaltabelle erhalten, jetzt können die Zellen mit den für Sie passenden Informationen gefüllt werden.

Wir hoffen, dass Sie das Prinzip der Erstellung komplexer Tabellen mit zusammengeführten Zellen verstehen.

Tische Der beste Weg, dies zu betrachten, ist eine einfache Tabelle, deren HTML-Code in Listing 5.10 gezeigt wird.

Dies ist eine normale Tabelle, deren Zellen nummeriert sind – das wird es uns in Zukunft einfacher machen. In Abb. Abbildung 5.2 zeigt sein Aussehen in einem Webbrowserfenster.

Schauen wir uns nun die Tabelle in Abb. an. 5.3.

Hier haben wir einige Zellen zusammengeführt. Es ist zu erkennen, dass die kombinierten Zellen zu einer Einheit verschmolzen zu sein scheinen. Wie kann man das machen?

Speziell für diesen Zweck Tags und unterstützen zwei sehr bemerkenswerte optionale Attribute. Zuerst - COLSPAN - verbindet Zellen horizontal, der zweite -ROWSPAN- vertikal.

Um mehrere Zellen horizontal zu einer zusammenzuführen, müssen Sie diese Schritte ausführen.

1. Im Code suchen HTML-Tag (), entsprechend der ersten der zusammengeführten Zellen (wenn Sie die Zellen von links nach rechts zählen).

2. Geben Sie das COLSPAN-Attribut ein und weisen Sie ihm die Anzahl der zusammenzuführenden Zellen zu, wobei Sie die allererste zählen.

3. Tags entfernen ( ), wodurch die verbleibenden verbundenen Zellen der angegebenen Zeile erstellt werden.

Lassen Sie uns die Zellen 2 und 3 der Tabelle zusammenführen (siehe Listing 5.10). Der korrigierte Codeausschnitt, der die erste Zeile dieser Tabelle erstellt, ist in Listing 5.11 dargestellt.

Erstellen wir auf die gleiche Weise die kombinierten Zellen 4 + 5 und 12 + 13 + 14 + 15.

Das vertikale Zusammenführen von Zellen ist etwas schwieriger. Hier sind die Schritte, die Sie dazu befolgen müssen.

1. Im Code suchen HTML-String(Tag), das die erste zusammenzuführende Zelle enthält (wenn Sie die Zeilen von oben nach unten zählen).

2. Suchen Sie das Tag ( ), entsprechend der ersten der zusammengeführten Zellen.

3. Geben Sie darin das Attribut ROWSPAN ein und weisen Sie ihm eine Menge zu zusammengeführte Zellen, einschließlich des allerersten von ihnen.

4. Nachfolgende Zeilen anzeigen und Tags daraus entfernen ( ), wodurch die verbleibenden Zellen erstellt werden, die zusammengeführt werden sollen.

Wir sind gegangen Zellen verbinden 1 und 6 unserer Tabelle. Listing 5.12 enthält das korrigierte Fragment seines HTML-Codes (die Korrekturen betreffen die erste und zweite Zeile).

Beachten Sie, dass wir das Tag entfernt haben, das die sechste Zelle aus der zweiten Zeile erstellt hat, da diese mit der ersten Zelle verschmolzen ist.

Heutzutage wird es nicht mehr sehr oft verwendet. Allerdings war es früher, in der Blütezeit des tabellarischen Webdesigns, schwierig, eine Tabelle ohne zu finden zusammengeführte Zellen. Auf die eine oder andere Weise schadet es nicht, etwas über ihn zu wissen.

Excel-Tabellen sind nach einem etwas anderen Prinzip aufgebaut als in Word. Wenn wir im letzteren Fall Zellen trennen können, dann ist eine Zelle in Excel eine unteilbare Einheit. Das Problem, zwei Spalten unter einer gemeinsamen Überschrift zu platzieren, kommt häufig vor. Daher ist es wichtig zu wissen, wie man Zellen in Excel zusammenführt, da in diesem Fall ein Tabellenfragment zusammengeführt werden muss.

Methode 1 – Symbolleiste.

Auf dem Bedienfeld sehen Sie eine Schaltfläche zum Zusammenführen.

Um es zu verwenden, markieren Sie den Bereich, den Sie zusammenführen möchten, und klicken Sie darauf.


Infolgedessen wird es zu einer Fusion kommen.


Wenn Sie auf den Pfeil neben dieser Schaltfläche klicken, wird ein Menü angezeigt.

Mit dem Befehl „Zusammenführen und zentrieren“ können Sie den Inhalt des neuen Fragments zentrieren. Wenn Sie versuchen, einen Bereich mit einem Wert zu verketten, werden nur die Daten der ersten verketteten Adresse gespeichert. Und Sie werden eine Warnung sehen.


Die Einwilligung führt zum Verlust der restlichen Daten.


Der Befehl „Nach Zeilen zusammenführen“ erstellt konsolidierte Zellen in jeder Zeile.



Der Befehl „Zellen zusammenführen“ ähnelt dem ersten, nur dass der Text nicht zentriert wird.


Der letzte Punkt beantwortet die Frage, wie man die Zusammenführung von Zellen in Excel aufhebt.

Methode 2 – Verwenden des Menüs

IN letzte Version Das klassische Office-Menü wurde durch Registerkarten ersetzt. Und bekannte Fenster werden über kleine Icons in der unteren rechten Ecke des Tabs aufgerufen.


Vergessen Sie nicht, zunächst die Zellen auszuwählen, die zusammengeführt werden sollen, und auf dieses Symbol zu klicken. Das Ausrichtungsfenster wird angezeigt.


Aktivieren Sie das Kontrollkästchen neben „Zellen zusammenführen“. Hier können Sie in den entsprechenden Dropdown-Feldern Datenausrichtungsparameter festlegen.

Methode 3 – Bereits zusammengeführte Daten kopieren

Wenn Sie einen vorhandenen Join reproduzieren müssen, verwenden Sie die Zwischenablage. Die Hotkey-Kombination zum Zusammenführen von Zellen in Excel lautet in diesem Fall wie folgt:

STRG+C – in die Zwischenablage kopieren.
STRG+V – Aus der Zwischenablage einfügen.

Platzieren Sie den Zeiger an der ausgewählten Position.


Kopieren Sie, indem Sie STRG+C drücken. Ein Zeichen dafür, dass die Daten kopiert werden, sind „laufende Ameisen“ – die Animation des Rahmens entlang seiner Ränder.


Platzieren Sie den Cursor auf der gewünschten Zelle. Es ist nicht notwendig, die gleiche Anzahl an Adressen auszuwählen; Excel wählt automatisch die erforderliche Anzahl aus und führt den Befehl aus. Es stimmt, die Daten gehen verloren. Klicken Sie auf die Schaltflächen, um sie aus der Zwischenablage einzufügen. Eine ähnliche Vereinigung wird am ausgewählten Ort angezeigt.

Methode 4 – Musterformat

In Excel gibt es wie in jedem Office-Programm eine sehr praktische Schaltfläche „Format Painter“.
Es befindet sich im Abschnitt „Zwischenablage“.


Zeigen Sie auf das zusammengeführte Fragment und klicken Sie auf diese Schaltfläche. Bewegen Sie den Zeiger an die gewünschte Stelle und klicken Sie mit der Maus. Die Formatierung wird vollständig reproduziert.

Während der Befehl wartet, erscheint neben dem Mauszeiger ein Pinselsymbol. Sobald Sie mit der Maus klicken, Das Symbol verschwindet und ein neues zusammengeführtes Fragment wird angezeigt.

So führen Sie den Inhalt einer Zelle in einer Excel-Tabelle zusammen und behalten dabei die Daten bei

Das ist ein dringendes Problem. In einem der vorherigen Excel-Möglichkeiten löscht Daten. Um sie zu speichern, verwenden Sie die Funktion „Verketten“.
Klicken Sie auf das Fx-Symbol neben der Bearbeitungsleiste. Dadurch wird das Funktionseinfügungsfenster geöffnet.


Geben Sie den Namen „Connect“ in die Suchleiste ein und klicken Sie auf die Schaltfläche „Suchen“.



Wählen Sie die gefundene Funktion aus und klicken Sie auf OK. Es erscheint ein Setup-Fenster.


Geben Sie den Bereich mit Ihren Händen an oder wählen Sie ihn mit der Maus aus.


Bitte beachten Sie, dass sich die Funktion an einer anderen Adresse befinden muss als die zusammenzufassenden. Wenn Sie konsolidierte Daten in einen verbundenen Bereich einfügen müssen, führen Sie die Verknüpfung im Voraus durch und geben Sie dann die Funktion dort ein.

Es gibt keine Hotkeys, mit denen Sie Zellen in Excel ohne Datenverlust zusammenführen können, Sie können also andere Methoden verwenden.

Eine weitere Möglichkeit, Texte aus mehreren zu kombinieren Excel-Zellen
– Verwenden Sie den Operator „&“, der Zeichenfolgen kombiniert. Um mit der Eingabe einer Formel zu beginnen, platzieren Sie den Mauszeiger an der Stelle, an der der neue Text platziert werden soll, und klicken Sie auf das „=“-Zeichen. Klicken Sie dann auf die erste Adresse, drücken Sie &, klicken Sie auf die zweite und so weiter.


Das Zusammenführen von Text aus zwei verschiedenen Zellen in einer einzigen erfolgt in den Excel-Versionen 2003–2010 auf ähnliche Weise.

So entfernen Sie zusammengeführte Zellen in Excel

Sie können das letzte Element aus dem Schaltflächenmenü „Zellen zusammenführen“ verwenden.


Alternativ können Sie das Kontrollkästchen im Formatierungsfenster deaktivieren.

So führen Sie eine Zusammenführung mithilfe eines Makros durch

Eine der schwierigsten Möglichkeiten besteht darin, selbst ein Programm zu schreiben, das den Prozess automatisiert. Im Paket Microsoft Office VBA-Code-Entwickler hinzugefügt. Um es zu verwenden, drücken Sie ALT+F11. Es öffnet sich das Fenster zum Hinzufügen von Programmcode.


Führen Sie den Befehl „Einfügen – Modul“ aus.


Es öffnet sich ein Fenster zur Dateneingabe.


Kopieren Sie den Code und fügen Sie ihn ein.

Sub Merge_Column() Dim i1 As Long Dim i2 As Long Dim f As Long Dim textCol As String Application.DisplayAlerts = False For f = 1 To Selection.Areas.Count For i1 = 1 To Selection.Areas(f).Columns.Count textCol = Selection.Areas(f).Cells(1, i1) For i2 = 2 To Selection.Areas(f).Rows.Count textCol = textCol & Chr(10) & Selection.Areas(k).Cells(i2, i1) Next Selection.Areas(f).Columns(i1).Merge Selection.Areas(f).Cells(1, i1) = intext Next Next Application.DisplayAlerts = True End Sub

Gehen Sie zu Excel, indem Sie auf das entsprechende Symbol in der oberen linken Ecke klicken.


Wählen Sie den Bereich aus, der zusammengeführt werden soll, und führen Sie das Makro auf der Registerkarte „Ansicht“ – „Makros“ aus.


Wählen Sie das gewünschte Makro aus und klicken Sie auf die Schaltfläche „Ausführen“.


Die Tabellenfragmente werden zusammengeführt.

Zellenschaltfläche in Excel nicht aktiv

Dies ist ein seltener Fall, kommt aber dennoch vor.

Zusammengeführte Excel-Zellen sortieren

Die Schwierigkeit besteht darin, dass alle sortierten Fragmente die gleiche Größe haben müssen. Daher müssen Sie bei nicht standardmäßigen Verknüpfungen in einer Spalte oder Zeile den Verknüpfungsvorgang abbrechen und ihn in derselben Größe wie alle anderen erneut ausführen. Wenn Sie beispielsweise versuchen, eine Spalte zu sortieren, in der alles durch zwei und eins durch drei kombiniert wird, kombinieren Sie entweder alles durch drei oder konvertieren Sie die Zelle mit drei Zellen in zwei. Andernfalls erhalten Sie diesen Fehler


Nachdem Sie die Zuordnungen geordnet haben, klicken Sie in der Symbolleiste (rechts) im Abschnitt „Startseite“ auf die Schaltfläche „Sortieren und Filtern“.

Wählen der richtige Typ Sortierung.

So finden Sie verbundene Zellen in Excel

Wenn das Blatt Excel groß kann es schwierig sein, zusammengeführte Daten zu erkennen. In diesem Fall verwenden wir die Suche. Klicken Sie auf der Registerkarte „Startseite“ auf die Schaltfläche „Suchen und hervorheben“ und wählen Sie „Suchen“ aus. Oder drücken Sie die Tastenkombination Strg + F. Lesen Sie mehr


Klicken Sie dann auf „Optionen“ und „Formatieren“.


Aktivieren Sie das Kontrollkästchen neben „Zellen zusammenführen“ und klicken Sie auf „OK“.


Klicken Sie dann auf „Alle suchen“ oder „Weitersuchen“ und die gewünschten Adressen werden der Reihe nach hervorgehoben. Wenn Sie auf die erste Schaltfläche klicken, wird eine Liste aller kombinierten Bereiche angezeigt.


Das sind alle Informationen zu den zusammengeführten Zellen. Wir hoffen, dass es Ihnen dabei hilft, schnell und einfach Arbeitsmappen in Excel zu erstellen und problemlos damit zu arbeiten.

Ich wünsche ihnen einen wunderbaren Tag!