- Tabellenattribute sind sehr nützlich, wenn wir in HTML arbeiten.
- Sie geben uns die Möglichkeit, Daten oder vielfältige Informationen effizient anzubieten und zu bestellen.
HTML hat viele Tags und Attribute, die beim Entwickeln einer Webseite verwendet werden müssen. Gerade die Tabellenattribute sind einer dieser großen Vorteile von HTML . Diese werden verwendet, um Tabellen auf Webseiten zu erstellen. Die Tabelle besteht aus Daten, die es uns ermöglichen, alle Informationen einfach zusammenzufassen.
Werbung
Als nächstes sehen wir uns Informationen zu den Attributen von HTML-Tabellen und all ihren Vorteilen an. Mit deren Hilfe werden wir verschiedene Möglichkeiten haben, wie unsere Daten zu visualisieren und auf einfache Weise zu verstehen.
Einführung in Tabellenattribute in HTML
Tabellenattribute in HTML werden durch die Verwendung von Tags definiert und wir finden mehrere wie: <tr>, <td>, <th>, <caption>, <thead>, <tbody>, <tfoot>, <colgroup> , <col> die verwendet werden, um die Daten der Tabellen in einer Webseite zu vervollständigen. Auf diese Weise organisieren Entwickler dank Tabellen Daten in Zeilen und Spalten. Sehen wir uns einige Beispiele an, um es besser zu verstehen.
</table>
————-
————-
</table>
Wir können Tags wie <tr> und <th> innerhalb von Tabellen-Tags verwenden.
Werbung
- <tr> wird verwendet, um der Tabelle eine Zeile hinzuzufügen.
- Wir werden <th> für die Header verwenden.
- <td> dient zum Einfügen von Daten in eine bestimmte Zeile.
<Tabelle>
<tr>
<th>Name</th>
<th>Rolle Nr.</th>
<th>Marken</th>
</tr>
<tr>
<td>RAM</td>
<td>19-555</td>
<td>90</td>
</tr>
<tr>
<td>David</td>
<td>19-543</td>
<td>95</td>
</tr>
<tr>
<td>Rita</td>
<td>19-678</td>
<td>98</td>
</tr>
</table>
Um es auffälliger zu machen, können wir Stilattribute und Tags wie <caption> verwenden, um Rahmen, Hintergrund usw. hinzuzufügen. Als? Es wäre dasselbe wie zuvor, nur dass wir statt mit <table> mit <table border=“1“> beginnen
Wir können es sogar weiter verbessern, indem wir CSS und das Tag <caption> verwenden, zum Beispiel:
<Tabellenrand=“1“>
<Bildunterschrift>
Informationen zu Schülernoten
</caption>
<tr>
<th>Name</th>
<th>Rolle Nr.</th>
<th>Marken</th>
</tr>
<tr>
<td>RAM</td>
<td>19-555</td>
<td>90</td>
</tr>
<tr>
<td>David</td>
<td>19-543</td>
<td>95</td>
</tr>
<tr>
<td>Rita</td>
<td>19-678</td>
<td>98</td>
</tr>
</table>
<Stil>
Titel {
Rand: 2px fest;
Polsterung: 0,7rem;
}
</style>
Tabellenattribute
- <table> … </table> wird verwendet, um eine Tabelle zu definieren.
- <tr> … </tr> Mit diesem Attribut können wir eine Zeile in der Tabelle definieren.
- <th> … </th> wie oben, nur mit Kopfzelle.
- <td> … </td> um eine Zelle in einer Tabelle zu erstellen.
- <table align= „center“> … <table> wird verwendet, um an der Mitte auszurichten, wenn wir left verwenden, wird es nach links sein und wenn wir right verwenden, wird es nach rechts sein.
- <table border= “”> … </table> um der Tabelle einen Rahmen zu geben.
- <table bgcolor= “”> … </table> um die Tabellenzelle einzufärben.
- <table cellpadding= “”> … </table> wird verwendet, um den Zellabstand in der Tabelle zu erhalten.
- <thead> wird verwendet, um den Inhalt des Headers zu gruppieren.
- <tbody> gruppiert den Body-Inhalt in der Tabelle.
- <tfoot> gruppieren wir den Inhalt der Fußzeile in der Tabelle.
Seine Vorteile
Dank Tabellen können wir Informationen schnell und einfach organisieren. Sie werden auch verwendet, um eine effiziente Lesbarkeit zu gewährleisten, indem Zeilen und Spalten angezeigt werden.
Bei der Präsentation von Informationen jeglicher Art wird die Komplexität der Suche reduziert und der visuelle Zugriff darauf erleichtert. Wir können Informationen schnell und einfach hinzufügen.