Arbeiten mit Tabellen in HTML

Jetzt lernen wir, wie man Tabellen in HTML erstellt. Ich denke, Sie können sich vorstellen, was eine Tabelle im normalen Leben ist - es ist eine Ansammlung von Zeilen und Spalten, an deren Schnittstellen sich Zellen befinden.

In HTML werden Tabellen nach einem ähnlichen Prinzip erstellt. Auch dort gibt es Spalten und Zeilen mit Zellen, jedoch kann der HTML-Code von Tabellen auf den ersten Blick ungewöhnlich erscheinen: Tabellen werden reihenweise erstellt - zuerst die erste Reihe, dann die zweite und so weiter.

Der Code einer Tabelle hat eine strenge Struktur: Das Hauptelement ist der Tag table, in dem Tags tr liegen müssen, welche die Reihen der Tabelle erstellen, und in diesen - Tags td, die die Zellen erstellen. Der Tag table kann das Attribut border haben, das einen Rahmen für die Tabelle und ihre Zellen festlegt.

Lassen Sie uns als Beispiel eine Tabelle mit drei Reihen und drei Zellen in jeder Reihe erstellen:

html<table border="1">
  <tr>
    <td>Zelle 1</td>
    <td>Zelle 2</td>
    <td>Zelle 3</td>
  </tr>
  <tr>
    <td>Zelle 4</td>
    <td>Zelle 5</td>
    <td>Zelle 6</td>
  </tr>
  <tr>
    <td>Zelle 7</td>
    <td>Zelle 8</td>
    <td>Zelle 9</td>
  </tr>
</table>

Результат: