Zusammenfassung - Tabellen
Teil des Abschnitts Grundlagen der HTML-Journey von Coddy. Lektion 51 von 60.
Aufgabe
EinfachErstelle ein HTML-Dokument, das eine Tabelle mit allen bisher gelernten Elementen enthält:
- Ein
<table>-Tag zum Definieren der Tabelle mit einemborder-Attribut, das zur Sichtbarkeit auf "1" gesetzt ist. - Ein
<caption>-Tag mit dem Text "Employee Information" zur Beschreibung der Tabelle. - Eine Tabellenzeile (
<tr>) für die Kopfzeile mit drei Kopfzellen (<th>). Die erste Kopfzelle sollte zwei Spalten umfassen und "Employee Details" enthalten, die zweite sollte "Department" enthalten und die dritte "Salary". - Eine Tabellenzeile (
<tr>) mit einer Datenzelle (<td>), die sich über zwei Zeilen und zwei Spalten erstreckt und den Text "John Doe" enthält, einer Datenzelle (<td>) mit dem Text "Sales" und einer Datenzelle (<td>) mit dem Text "$50,000". - Eine weitere Tabellenzeile (
<tr>) mit einer Datenzelle (<td>) mit dem Text "Marketing" und einer Datenzelle (<td>) mit dem Text "$60,000". - Eine abschließende Tabellenzeile (
<tr>) mit einer Datenzelle (<td>), die sich über zwei Spalten erstreckt und "Jane Smith" enthält, einer Datenzelle (<td>) mit dem Text "IT" und einer Datenzelle (<td>) mit dem Text "$70,000".
Probier es selbst
<!DOCTYPE html>
<html>
<body>
<!-- Hier Code schreiben -->
</body>
</html>Alle Lektionen in Grundlagen
1HTML-Grundlagen
Was ist HTML?Grundstruktur von HTMLTags und ElementeVerschachtelung und schließende TagsKommentare in HTML10Tabellen
Tabellen-GrundlagenBeschriftungen hinzufügenZeilen und Spalten verbindenZusammenfassung - Tabellen2Text und Formatierung
ÜberschriftenAbsätzeZeilenumbrücheFetter und kursiver TextNochmals fett und kursivWiederholung – Formatierung8Formulare und Eingaben Teil 1
Formular-GrundlagenTexteingabenInput-AttributePasswortfeldLabels für EingabenZusammenfassung – Einfaches Formular11Event-Registrierungsseite
ProjektübersichtHeader-Bereich6Seitenlayout
Bereiche (Divisions)Inline-SpansSemantische TagsSections und ArticlesZusammenfassung – Layout9Formulare und Eingaben Teil 2
Radio-ButtonsCheckboxenDropdownsButtonsButtons in FormularenWiederholung - Formulare #1Wiederholung - Formulare #212Abschlussherausforderungen
Einfache ProfilkarteEvent-EinladungskarteEinfache ArtikelseiteLieblingsbücher-ListeÜbe selbstständig: Web-Playground