Verkettung von Zellen und Spalten in HTML. Zellen kombinieren. Vertikal kombinieren

Lektion 11.

Verkettung von Tabellenzellen.

In dieser Lektion werden wir weiterhin Tabellen studieren, nämlich zwei weitere Attribute für das Tag & lttd & gtdie für die Kombination von Zellen verantwortlich sind. Wenn Sie sich die folgende Abbildung ansehen, werden Sie verstehen, welche Art von Assoziation besprochen wird.

Die Tabelle links hat die übliche Struktur. In der Tabelle rechts sind zwei Zellen in der ersten Zeile zu einer großen Zelle zusammengefügt.

Das Anwenden dieser Attribute ist etwas schwieriger als das Anwenden anderer. Deshalb erhalten sie eine separate Lektion.

Colspan.

Attribut colspan wird verwendet, um Zellen horizontal zu kombinieren. Der Wert des Attributs gibt die Anzahl der Zellen an, die zu einer kombiniert werden sollen.

Beachtung! Es ist sehr wichtig, dass die Gesamtzahl der verketteten und regulären Zellen in einer Zeile der Gesamtzahl der Zellen in der anderen Zeile entspricht. Betrachten Sie als Beispiel die richtige Tabelle in der ersten Abbildung. Die obere Zeile enthält nur eine große Zelle, die aus zwei regulären Zellen besteht, und die untere Zeile enthält zwei reguläre Zellen.
Unten finden Sie eine Variante des korrekt geschriebenen Codes:


Erklärungen zum Code:
Obersten Zeile & lttr & gt hat eine Zelle & lttd & gtfür die das Attribut vergeben ist colspan mit der Bedeutung 2 ... Dies bedeutet, dass diese Zelle jeweils 2 Zellen kombiniert und diese Zelle 2 Zellen ersetzt. Zweite Reihe & lttr & gt hat 2 reguläre Zellen & lttd & gt.
Es stellt sich heraus, dass in der oberen Reihe zwei Zellen miteinander verschmolzen sind und in der unteren Reihe zwei gewöhnliche Zellen. Die Zahl ist gleich, was bedeutet, dass der Code korrekt geschrieben ist.

Nun zu einem Codebeispiel mit einem häufigen Fehler:


Erklärungen zum Code:
Der Fehler ist, dass die erste Zeile & lttr & gt enthält nicht zwei Zellen & lttd & gtund drei, während die zweite Zeile & lttr & gt enthält zwei Zellen & lttd & gt.
Wenn man den Code betrachtet, scheint es visuell, dass die Anzahl der Zellen in den Zeilen gleich ist, da die Anzahl der Tags & lttd & gt das Gleiche. Aber einer der Tags & lttd & gt hat das Attribut colspan mit der Bedeutung 2 Dies bedeutet, dass diese eine Zelle den Platz von zwei einnimmt.

Rowspan-Attribut.

Attribut rowspan wird verwendet, um Zellen vertikal zusammenzuführen. Das Funktionsprinzip ist genau das gleiche wie das des Attributs. colspan.


Erklärungen zum Code:
Obersten Zeile & lttr & gt hat drei Zellen & lttd & gt, für einen von ihnen das Attribut rowspan mit der Bedeutung 3 ... Dies bedeutet, dass diese Zelle 3 Zellen enthält (die vertikal auf das Attribut + 2 untere Zellen gesetzt sind). Wie gesagt, die erste Reihe hat 3 Zellen, was bedeutet, dass die unteren beiden Reihen auch drei Zellen haben müssen. Wenn wir uns den Code ansehen, sehen wir, dass die beiden unteren Zeilen & lttr & gt habe nur zwei Zellen & lttd & gt, aber vergessen Sie nicht, dass die erste Zelle der obersten Reihe ihren Platz eingenommen hat + zwei weitere Zellen darunter. Dies bedeutet, dass die Gesamtzahl der Zellen in jeder der einzelnen Zeilen drei beträgt.

Verwenden Sie die Attribute colspan und rowspan des Tags, um zwei oder mehr Zellen zu einer zu kombinieren ... Das colspan-Attribut legt die Anzahl der Zellen fest, die horizontal zusammengeführt werden sollen. Das Attribut rowspan funktioniert auf die gleiche Weise, mit dem einzigen Unterschied, dass es die Zellen vertikal überspannt. Überprüfen Sie vor dem Hinzufügen von Attributen die Anzahl der Zellen in jeder Zeile, um sicherzustellen, dass keine Fehler auftreten. Damit, Ersetzt drei Zellen, daher sollten in der nächsten Zeile drei Tags vorhanden sein oder eine Konstruktion wie ...... ... 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. Ungültige Zellverkettung

Falsche Verwendung von Colspan

Zelle 1 Zelle 2
Zelle 3 Zelle 4

Das Ergebnis dieses Beispiels ist in Abb. 1 dargestellt. 12.5.

Zahl: 12.5. Das Erscheinen einer zusätzlichen Zelle in der Tabelle

Die erste Zeile des Beispiels enthält drei Zellen, von denen zwei mit dem Attribut colspan verkettet sind, und die zweite Zeile fügt nur zwei Zellen hinzu. Dadurch wird eine zusätzliche Zelle erstellt, die im Browser angezeigt wird. Es ist deutlich in Abb. 12.5.

Beispiel 12-4 zeigt die korrekte Verwendung der Attribute colspan und rowspan.

Beispiel 12.4. Zellen vertikal und horizontal kombinieren

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. 1 dargestellt. 12.6.

Zahl: 12.6. Tabelle mit zusammengeführten Zellen

Diese Tabelle enthält acht Spalten und drei Zeilen. Einige der Zellen mit den Wörtern "Internet Explorer", "Opera" und "Firefox" werden kombiniert, wobei zwei und drei Zellen vorhanden sind. Vertikale Zusammenführung in der Zelle mit der Bezeichnung "Browser".

tabellen Am besten mit einer einfachen Tabelle anzeigen, deren HTML-Code in Listing 5.10 dargestellt ist.

Dies ist eine gewöhnliche Tabelle, deren Zellen nummeriert sind - daher wird es uns in Zukunft leichter fallen. In Abb. 5.2 zeigt sein Aussehen in einem Webbrowser-Fenster.

Betrachten Sie nun die Tabelle in Abb. 5.3.

Einige Zellen wurden hier zusammengeführt. Es ist ersichtlich, dass die zusammengeführten Zellen zu einer verschmolzen zu sein scheinen. Wie kann man es machen?

Speziell dafür Tags und unterstützen zwei bemerkenswerte optionale Attribute. Zuerst - COLSPAN - verschmilzt Zellen horizontal, die zweite -ROWSPAN- vertikal.

Führen Sie die folgenden Schritte aus, um mehrere Zellen horizontal zu einer zusammenzuführen.

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

2. Fügen Sie das COLSPAN-Attribut hinzu und weisen Sie ihm die Anzahl der zusammenzuführenden Zellen zu, einschließlich der allerersten.

3. Tags entfernen ( ), die den Rest der zusammengeführten Zellen dieser Zeile erstellen.

Lassen Sie uns die Zellen 2 und 3 der Tabelle zusammenführen (siehe Listing 5.10). Das überarbeitete Codefragment, mit dem die erste Zeile dieser Tabelle erstellt wird, ist in Listing 5-11 dargestellt.

Erstellen Sie ebenfalls die zusammengeführten Zellen 4 + 5 und 12 + 13 + 14 + 15.

Das vertikale Zusammenführen von Zellen ist etwas schwieriger. Hier sind die folgenden Schritte.

1. Suchen Sie im HTML-Code die Zeile (Tag), in der sich die erste der zusammengeführten Zellen befindet (wenn Sie die Zeilen von oben nach unten zählen).

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

3. Fügen Sie das Attribut ROWSPAN hinzu und weisen Sie ihm die Menge zu zusammengeführte Zellen, einschließlich des allerersten von ihnen.

4. Zeigen Sie nachfolgende Zeilen an und entfernen Sie Tags daraus ( ), die den Rest der zusammenzuführenden Zellen erstellen.

Wir sind gegangen zellen verbinden 1 und 6 unserer Tabelle. Listing 5.12 enthält einen überarbeiteten Ausschnitt ihres HTML-Codes (die Korrekturen wirken sich auf die erste und zweite Zeile aus).

Beachten Sie, dass wir das Tag, das die sechste Zelle erstellt, aus der zweiten Zeile entfernt haben, da es mit der ersten Zelle zusammengeführt wurde.

Jetzt wird es nicht sehr oft verwendet. In der Blütezeit des tabellarischen Webdesigns war es jedoch früher schwierig, eine Tabelle ohne diese zu finden zusammengeführte Zellen... Auf die eine oder andere Weise tut es nicht weh, von ihm zu wissen.

Excel-Tabellen werden etwas anders erstellt als in Word. Wenn wir in letzterem Zellen teilen können, ist eine Zelle in Excel eine unteilbare Einheit. Das Problem, zwei Spalten unter einen gemeinsamen Header zu stellen, ist weit verbreitet. Daher ist es wichtig zu wissen, wie Zellen in Excel kombiniert werden, da in diesem Fall ein Fragment einer Tabelle kombiniert werden muss.

Methode 1 - Symbolleiste.

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

Um es zu verwenden, markieren Sie den Bereich, der zusammengeführt werden soll, und klicken Sie darauf.


Infolgedessen wird die Gewerkschaft geschlossen.


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

Mit dem Befehl Merge & Center können Sie den Inhalt eines neuen Slice zentrieren. Wenn Sie versuchen, einen Bereich mit einem Wert zusammenzuführen, werden nur die Daten der ersten der zusammengeführten Adressen gespeichert. Und Sie werden eine Warnung sehen.


Die Zustimmung führt zum Verlust der restlichen Daten.


Mit dem Befehl Nach Zeilen zusammenführen werden in jeder Zeile konsolidierte Zellen erstellt.



Der Befehl "Zellen zusammenführen" ähnelt dem ersten, nur ohne den Text zu zentrieren.


Der letzte Absatz beantwortet die Frage, wie das Zusammenführen von Zellen in Excel umgekehrt werden kann.

Methode 2 - Verwenden des Menüs

In neueren Versionen des Büros wurde das klassische Menü durch Registerkarten ersetzt. Vertraute Fenster werden mit kleinen Symbolen in der unteren rechten Ecke der Registerkarte aufgerufen.


Vergessen Sie nicht, zuerst die zusammenzuführenden Zellen auszuwählen 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 die Datenausrichtungsparameter angeben.

Methode 3 - Kopieren bereits zusammengeführter Daten

Wenn Sie eine vorhandene Union reproduzieren müssen, verwenden Sie die Zwischenablage. Die Tastenkombination zum Zusammenführen von Zellen in Excel lautet in diesem Fall wie folgt:

STRG + C - In Zwischenablage kopieren.
STRG + V - Einfügen aus der Zwischenablage.

Bewegen Sie den Zeiger auf die ausgewählte Position.


Kopieren Sie durch Drücken von STRG + C. Ein Zeichen dafür, dass die Daten kopiert werden, ist "Running Antes" - eine Animation des Rahmens entlang seiner Ränder.


Platzieren Sie den Cursor auf der gewünschten Zelle. Es ist nicht erforderlich, dieselbe Anzahl von Adressen zuzuweisen. Excel wählt automatisch die erforderliche Anzahl aus und führt den Befehl aus. Richtig, 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 - Format nach Probe

Excel verfügt wie jedes andere Office-Programm über eine sehr praktische Format Painter-Schaltfläche.
Es befindet sich im Bereich "Zwischenablage".


Bewegen Sie den Zeiger über das zusammengeführte Slice und klicken Sie auf diese Schaltfläche. Bewegen Sie den Zeiger an die gewünschte Stelle und klicken Sie auf. Die Formatierung wird vollständig reproduziert.

Während der Befehl ansteht, hängt neben dem Mauszeiger ein Pinselsymbol. Sobald Sie mit der Maus klicken, verschwindet das Symbol und ein neues zusammengeführtes Fragment wird angezeigt.

Verketten von Zelleninhalten in Excel-Tabellen unter Beibehaltung von Daten

Dies ist ein tatsächliches Problem. Bei allen vorherigen Methoden löscht Excel die Daten. Verwenden Sie zum Speichern die Funktion "Link".
Klicken Sie auf das Fx-Symbol neben der Formelleiste. Dadurch wird das Fenster zum Einfügen von Funktionen geöffnet.


Geben Sie den Namen "Link" in die Suchleiste ein und klicken Sie auf die Schaltfläche "Suchen".



Markieren Sie die gefundene Funktion und drücken Sie "OK". Das Setup-Fenster wird angezeigt.


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 als den zusammengeführten Adressen befinden muss. Wenn Sie die konsolidierten Daten in den zusammengeführten Bereich einfügen müssen, führen Sie die Zusammenführung im Voraus durch und geben Sie dort die Funktion ein.

Es gibt keine Hotkeys, mit denen Sie Zellen in Excel zusammenführen können, ohne Daten zu verlieren, sodass Sie andere Methoden verwenden können.

Eine weitere Möglichkeit, Text aus mehreren Excel-Zellen zu kombinieren
- Verwenden Sie den Operator "&", der die Verkettung von Zeichenfolgen durchführt. Um eine Formel einzugeben, platzieren Sie den Zeiger an der Stelle, an der sich der neue Text befindet, und drücken Sie das Zeichen "\u003d". Klicken Sie dann auf die erste Adresse, klicken Sie auf &, klicken Sie auf die zweite und so weiter.


Das Kombinieren von Text aus zwei verschiedenen Zellen in einer in Excel-Versionen 2003-2010 ist ähnlich.

So entfernen Sie die Verkettung von Zellen in Excel

Sie können den letzten Eintrag aus dem Menü der Schaltfläche "Zellen zusammenführen" verwenden.


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

Kombinieren mit einem Makro

Eine der schwierigsten Möglichkeiten besteht darin, selbst ein Programm zu schreiben, das den Prozess automatisiert. Der VBA-Codeentwickler wurde zu Microsoft Office hinzugefügt. Drücken Sie dazu ALT + F11. Das Fenster zum Hinzufügen von Programmcode wird geöffnet.


Führen Sie den Befehl Einfügen - Modul aus.


Ein Fenster zur Dateneingabe wird geöffnet.


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 \u003d False Für f \u003d 1 To Selection.Areas.Count For i1 \u003d 1 To Selection.Areas (f) .Columns.Count textCol \u003d Selection.Areas (f) .Cells (1, i1) For i2 \u003d 2 To Selection.Areas (f) .Rows.Count textCol \u003d textCol & Chr (10) & Selection.Areas (k) .Cells (i2, i1) Nächste Auswahl. Bereiche (f). Spalten (i1). Auswahl zusammenführen. Bereiche (f). Zellen (1, i1) \u003d Intext Nächste Nächste Anwendung. DisplayAlerts \u003d True End Sub

Wechseln Sie zu Excel, indem Sie auf das 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".


Fragmente der Tabelle werden zusammengeführt.

Die Zellenschaltfläche ist in Excel nicht aktiv

Dies ist ein seltener Fall, aber es passiert trotzdem.

Sortieren Sie zusammengeführte Zellen in Excel

Die Schwierigkeit dabei ist, dass alle sortierten Fragmente gleich groß sein müssen. Daher müssen Sie den Verknüpfungsvorgang für nicht standardmäßige Verknüpfungen in einer Spalte oder Zeile abbrechen und erneut in derselben Größe wie alle anderen ausführen. Wenn Sie beispielsweise versuchen, eine Spalte zu sortieren, in der alles durch zwei und eins nach drei kombiniert wird, kombinieren Sie entweder alles durch drei oder übersetzen Sie die drei Zellen in zwei. Andernfalls wird dieser Fehler angezeigt


Nachdem Sie die Zusammenführungen in die richtige Reihenfolge gebracht haben, klicken Sie in der Symbolleiste (rechts) im Abschnitt "Startseite" auf die Schaltfläche "Sortieren und filtern".

Wählen Sie den gewünschten Sortiertyp aus.

So finden Sie zusammengeführte Zellen in Excel

Wenn das Excel-Arbeitsblatt groß ist, kann es schwierig sein, die kombinierten Daten darauf zu finden. In diesem Fall verwenden wir die Suche. Klicken Sie auf der Registerkarte Start auf die Schaltfläche Suchen und Auswählen und wählen Sie Suchen. Oder drücken Sie die Tastenkombinationen Strg + F. Lesen Sie mehr


Klicken Sie dann auf Optionen und Format.


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


Klicken Sie dann auf "Alle suchen" oder "Weiter suchen". Die erforderlichen Adressen werden nacheinander hervorgehoben. Wenn Sie auf die erste Schaltfläche klicken, wird eine Liste aller kombinierten Bereiche angezeigt.


Das sind alle Informationen zu zusammengeführten Zellen. Wir hoffen, dass Sie damit schnell und einfach Arbeitsmappen in Excel erstellen und problemlos damit arbeiten können.

Ich wünsche ihnen einen wunderbaren Tag!

Es ist eigentlich sehr einfach, wenn Sie bereits HTML-Tabellen erstellt haben. Nachdem Sie einige Parameter gelernt haben, lernen Sie, wie Sie Tabellenzellen zusammenführen. Ein Beispiel für eine Tabelle mit horizontal und vertikal zusammengeführten Zellen finden Sie beispielsweise im vorherigen Artikel zu.

Schauen wir uns am Beispiel einer 5x5-HTML-Tabelle an, wie Zellen kombiniert werden. Zum Erstellen von Tabellen verwende ich. Der vom Designer erstellte Code der 5x5-Tabelle sieht folgendermaßen aus:

< div> < table border= "1" cellspacing= "1" cellpadding= "1" width= "100%" > < tbody> < tr> < td align= "left" > C1R1 < td align= "left" > C2R1 < td align= "left" > C3R1 < td align= "left" > C4R1 < td align= "left" > C5R1 < tr> < td align= "left" > C1R2 < td align= "left" > C2R2 < td align= "left" > C3R2 < td align= "left" > C4R2 < td align= "left" > C5R2 < tr> < td align= "left" > C1R3 < td align= "left" > C2R3 < td align= "left" > C3R3 < td align= "left" > C4R3 < td align= "left" > C5R3 < tr> < td align= "left" > C1R4 < td align= "left" > C2R4 < td align= "left" > C3R4 < td align= "left" > C4R4 < td align= "left" > C5R4 < tr> < td align= "left" > C1R5 < td align= "left" > C2R5 < td align= "left" > C3R5 < td align= "left" > C4R5 < td align= "left" > C5R5

C1R1 C2R1 C3R1 C4R1 C5R1
C1R2 C2R2 C3R2 C4R2 C5R2
C1R3 C2R3 C3R3 C4R3 C5R3
C1R4 C2R4 C3R4 C4R4 C5R4
C1R5 C2R5 C3R5 C4R5 C5R5

Die Tabelle selbst sieht zunächst so aus:

C1R1 C2R1 C3R1 C4R1 C5R1
C1R2 C2R2 C3R2 C4R2 C5R2
C1R3 C2R3 C3R3 C4R3 C5R3
C1R4 C2R4 C3R4 C4R4 C5R4
C1R5 C2R5 C3R5 C4R5 C5R5

I. Zellen vertikal zusammenführen
Verwenden Sie die Option, um Zellen vertikal zusammenzuführen rowspanGeben Sie die Anzahl der vertikal zusammengeführten Zellen an.
Kombinieren wir die Zellen C1R1 und C1R2 in der obigen Tabelle. Dafür braucht man:

  1. Fügen Sie für Zelle C1R1 den Parameter rowspan \u003d "2" hinzu:

C1R2

Die Tabelle sieht jetzt so aus:

C1R1 C2R1 C3R1 C4R1 C5R1
C2R2 C3R2 C4R2 C5R2
C1R3 C2R3 C3R3 C4R3 C5R3
C1R4 C2R4 C3R4 C4R4 C5R4
C1R5 C2R5 C3R5 C4R5 C5R5

II. Zellen horizontal verketten
Verwenden Sie den Parameter, um Zellen horizontal zusammenzuführen colspanDies gibt die Anzahl der horizontal zusammengeführten Zellen an.
Kombinieren Sie die Zellen C2R1, C3R1 und C4R1 in der obigen Tabelle. Dafür braucht man:

  1. Fügen Sie für Zelle C2R1 den Parameter colspan \u003d "3" hinzu:

C3R1 C4R1

Die Tabelle sieht folgendermaßen aus:

C1R1 C2R1 C5R1
C2R2 C3R2 C4R2 C5R2
C1R3 C2R3 C3R3 C4R3 C5R3
C1R4 C2R4 C3R4 C4R4 C5R4
C1R5 C2R5 C3R5 C4R5 C5R5

Alles, was Sie tun müssen, ist, die Tabelle mit Inhalten auszufüllen: Beispiele Ihrer Übersetzungen in Ihrem Portfolio usw.