Tabellen
Um Tabellen in HTML zu erzeugen, brauchen wir vierverschiedene Tags.
Ein großes, umschließendes Tag das sagt, dass es sich um eine Tabelle handelt:
<table>
<!-- Tabelleninhalt -->
</table>
Einen Tag für die Überschrift der Spalte einer Tabelle:
<th>
Spaltenüberschrift
</th>
Ein Tag das man für die Reihen einer Tabelle verwendet.
<tr>
</tr>
Und eins für die einzelnen Spalten der Reihe - die "table data":
<td>
spalteninhalt
</td>
Beispiel für eine Tabelle in HTML
<table>
<tr>
<th> Sprache </th>
<th> Land </th>
<th> Leute </th>
</tr>
<tr>
<td> Spanisch </td>
<td> Spanien </td>
<td> Spanier </td>
</tr>
<tr>
<td> Deutsch </td>
<td> Deutschland </td>
<td> Deutscher </td>
</tr>
</table>
Ihr seht also, ihr müsst einfach die vier Tag Typen richtig öffnen und wieder schließen.
Wenn wir nun noch wollen, dass die einzelnen Elemente der Tabelle in jeweils einem eigenen Kasten sind, brauchen wir den Begriff Border. Den wir wie folgt einfügen:
<table border="1">
inhalt
</table>
Vorherig
Links einfügen
Kostenlos
HTML & CSS Tutorial für Anfänger
-
Einführung in HTML
-
Lektion1.1
-
Lektion1.2
-
Lektion1.3
-
-
Verschiedene Tags
-
Lektion2.1
-
Lektion2.2
-
Lektion2.3
-
Lektion2.4
-
Lektion2.5
-
Lektion2.6
-
-
Einführung in CSS
-
Lektion3.1
-
Lektion3.2
-
Lektion3.3
-
Lektion3.4
-
Lektion3.5
-
Lektion3.6
-
-
Tags mit CSS stylen
-
Lektion4.1
-
Lektion4.2
-
Lektion4.3
-
Lektion4.4
-
Lektion4.5
-
-
Wichtige Einsteigertricks
-
Lektion5.1
-
Lektion5.2
-
Lektion5.3
-
Lektion5.4
-
Lektion5.5
-
Lektion5.6
-
Lektion5.7
-
-
CSS in der Praxis
-
Lektion6.1
-
Lektion6.2
-
Lektion6.3
-
Lektion6.4
-
Lektion6.5
-
-
Formulare und Dropdown-Listen
-
Lektion7.1
-
Lektion7.2
-
Lektion7.3
-
Lektion7.4
-
Lektion7.5
-
Beliebte Kurse
Spring Boot Webentwicklung - RESTful APIs entwickeln!
Lerne Spring Boot und erstelle RESTful APIs Das beliebteste Java...
29,99€
Die Java 11 Masterclass - Werde zum Profi-Entwickler!
Werde zum Entwickler mit der Java 11 Masterclass! Starte in...
29,99€
Spiele entwickeln mit Unity 3D – Erstelle eigene Games in C# - Starter
Willkommen zum kostenlosen Teil des Kurses: "Spiele entwickeln mit Unity...
Kostenlos