Tisch Schauen Sie sich am besten das Beispiel einer einfachen Tabelle an, deren HTML-Code in Listing 5.10 dargestellt ist.

Dies ist eine Tabelle, jede Box ist nummeriert – so können wir sie Ihnen leichter geben. In Abb. 5.2 Anzeigen, wie sie im Webbrowser-Fenster erscheinen.

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

Hier sehen wir eine Diskussion einiger der mittleren. Es ist zu erkennen, dass die Mitte der Stummen zu einem Ganzen zusammengewachsen ist. Wie kann man Geld verdienen?

Speziell für diesen Tag unterstützen zwei sehr auffällige unverbindliche Attribute. Zuerst - COLSPAN - vereint die Mitten horizontal, der andere ROWSPAN vertikal.

Um mehrere Mittelstücke horizontal zu einem zusammenzufügen, müssen Sie solche Stücke ausschneiden.

1. Suchen Sie das HTML-Tag ( ), was der ersten der kombinierten Mitten entspricht (wenn Sie die Mitte von links nach rechts schieben).

2. Geben Sie das COLSPAN-Attribut in das neue ein und wählen Sie die Anzahl der zu essenden, respektvollen und vor allem unter ihnen aus.

3. Vidality-Tags ( ), erstelle weitere Einheiten in der Mitte dieser Reihe.

Werfen wir einen Blick auf die Tabellen 2 und 3 (Abschnitt 5.10). Das korrigierte Codefragment, das die erste Zeile dieser Tabelle erstellt, finden Sie in Listing 5.11.

So können wir die mittleren 4 + 5 und 12 + 13 + 14 + 15 erstellen.

Kombinieren Sie die Mitten vertikal in kleinere Stücke. Für dieses Vyconat ist die Achse der Ware notwendig.

1. Suchen Sie die Zeile (Tag) im HTML-Code, die die erste zu essende Zeile enthält (während Sie die Zeilen nach unten verschieben).

2. Suchen Sie das Tag im Code dieser Zeile ( ), was das erste aus der Mitte nahelegt.

3. Geben Sie das ROWSPAN-Attribut in das neue ein und weisen Sie dessen Stärke zu kombinierte Mitten, Mit Respekt und Priorität von ihnen.

4. Sehen Sie sich die kommenden Zeilen an und entfernen Sie Tags daraus ( ), die andere Unternehmen gründen, um sich zu vereinen.

Wir haben verloren Unternehmen konsolidieren 1 und 6 unserer Tabelle. Listing 5.12: Korrigieren Sie das Fragment des HTML-Codes (korrigieren Sie die erste und die andere Zeile).

Wir sind äußerst dankbar, dass wir aus einer anderen Reihe das Etikett gesehen haben, das die sechste Mitte bildet, die Weinfragmente, die sich mit der ersten Mitte verbinden.

Nina bleibt nicht oft stecken. Allerdings war es früher, während der Entwicklung des tabellarischen Webdesigns, wichtig, eine Tabelle ohne zu erstellen über essbare Mitten. Sie werden also sowieso nichts über ihn wissen.

Lektion 11.

Kombinieren Sie die Tischmitte.

In dieser Lektion werden wir weiterhin Tabellen einbinden und uns zwei weitere Attribute für das Tag ansehen <td>, die den Gehorsam der Mitten anzeigen. Nachdem Sie die Kleinen unten bestaunt haben, werden Sie verstehen, was Gehorsam ist.

Die Tabelle ist linkshändig dargestellt und hat einen normalen Aufbau. In der rechten Tabelle in der ersten Reihe werden zwei Mittel miteinander kombiniert, sodass ein großes Volumen entsteht.

Die Festigung dieser Eigenschaften ist etwas wichtiger als die Festigung anderer. Ihm selbst wurde eine tiefgreifende Lektion erteilt.

Das colspan-Attribut.

Attribut Colspan Vikorist wird verwendet, um die Zentren horizontal zu vereinen. Der Wert des Attributs gibt die Anzahl der Mitten an, die zu einer kombiniert werden können.

Respektieren! Es ist sehr wichtig, dass die Anzahl der gemeinsamen Enden und Basisenden einer Reihe der Anzahl der Enden der anderen Reihe entspricht. Werfen wir einen Blick auf den Hintern rechts vom Tisch des ersten Kleinen. Die obere Reihe enthält nur einen großen Stapel, der aus zwei Haupttaschen besteht, und die untere Reihe enthält zwei Haupttaschen.
Nachfolgend finden Sie eine Version des korrekt geschriebenen Codes:

Erklärung vor dem Code:
Oberste Reihe <tr> Kann eine Mitte haben <td>, für welche Rezepte das Attribut gilt Colspan zi-Werte 2 . Dies bedeutet, dass dieser Mittelteil 2 Mittelteile vereint, dieser Mittelteil also 2 Mittelteiler ersetzt. Noch eine Reihe <tr> 2. Mai Primärmitten <td>.
Es stellt sich heraus, dass wir in der oberen Reihe zwei miteinander verbundene Mitten haben und in der unteren Reihe zwei primäre Mitten. Das ist sehr alt und der Code ist korrekt geschrieben.

Jetzt hat der Kern des Codes einen größeren Umfang:

Erklärung vor dem Code:
Die Gnade ist, dass die erste Reihe <tr> Rache nicht zwei Mitten <td> und drei, zu dieser Stunde die andere Reihe <tr> Rache zwei Mitten <td>.
Wenn man sich den Code ansieht, ist visuell klar, dass die Anzahl der mittleren Zeilen in den Zeilen gleich ist, nur die Anzahl der Tags <td> Jedoch. Ale einer der Tags <td> Kann Attribut sein Colspan zi-Werte 2 Das bedeutet, dass diese eine Mitte an die Stelle von zwei tritt.

Das Rowspan-Attribut.

Attribut Reihenspanne Vikorist wird verwendet, um die vertikalen Zentren auszurichten. Das Wirkprinzip ist das gleiche wie beim Attribut Colspan.

Erklärung vor dem Code:
Oberste Reihe <tr> es gibt drei Mitten <td> für einen von ihnen das Attribut Reihenspanne zi-Werte 3 . Dies bedeutet, dass diese Mitte 3 Mitten kombiniert (ein Aufgabenattribut + 2 untere vertikale Mitten). Wie ich bereits sagte, hat die erste Reihe 3 Mitten, was bedeutet, dass die unteren beiden Reihen auch für drei Mitten verantwortlich sind. Schauen Sie sich den Code an, mi bachimo, die unteren beiden Zeilen <tr> mehr als zweimal schmachten <td>, aber vergessen Sie nicht, dass die erste Mitte der oberen Reihe ihren Platz eingenommen hat + eine weitere Stelle der beiden Mitten darunter. Dies bedeutet, dass die Anzahl der Mitten in der Haut in der angrenzenden Reihe gleich drei ist.

3.8. Kombinieren Sie die Tischmitte

In der Praxis gibt es eine große Anzahl von Tabellen, bei denen eine Mitte mehrere Mitten in Höhe und Breite enthält (div. Abb. 3.2). HTML-Systeme verwenden zusätzliche Attribute: Colspan und Rowspan. Das Attribut „colspan“ gibt die Anzahl der Mitten an, die diese Mitte horizontal und das Attribut „rowspan“ vertikal erweitern.

In Abb. Abbildung 3.12 zeigt eine Tabelle mit kombinierten Mittelwerten. Die Kopfzeile der Tabelle enthält die Reihenfolge, in der alle drei Zahlen in der Zeile enthalten sind. Platzieren Sie zwei weitere Mittelpunkte auf dem Tisch, die jeweils die beiden Mittelpunkte vertikal verbinden. Der Code für eine solche Tabelle ist in Listing 3.7 angegeben.

Klein 3.12. Tisch mit gemeinsamen Mitten

Listing 3.7. Ein Beispiel für die Auswahl der Attribute des Zentrums

Mitten anzeigen Um die Formatierungseinstellungen für die Anzahl der anzuzeigenden Mitten zu ändern, verwenden Sie eine dieser Methoden. Um die Mitte zu sehen, bewegen Sie den Mauszeiger an den linken Rand. Wenn sich in der Form ein dünner schwarzer Pfeil befindet,