Zusammenfassung - Tabellen
Teil des Abschnitts Fundamentals der HTML-Journey von Coddy — Lektion 51 von 60.
Aufgabe
EinfachErstellen Sie ein HTML-Dokument, das eine Tabelle mit allen Elementen enthält, die wir bisher gelernt haben:
- Ein
<table>-Tag, um die Tabelle zu definieren, mit einemborder-Attribut, das für die Sichtbarkeit auf "1" gesetzt ist. - Ein
<caption>-Tag mit dem Text "Employee Information", um die Tabelle zu beschreiben. - Eine Tabellenzeile (
<tr>) für die Kopfzeile mit drei Kopfzellen (<th>). Die erste Kopfzeile sollte zwei Spalten überspannen und "Employee Details" lauten, die zweite sollte "Department" lauten und die dritte sollte "Salary" lauten. - Eine Tabellenzeile (
<tr>) mit einer Datenzelle (<td>), die zwei Zeilen und zwei Spalten überspannt und den Text "John Doe" enthält, einer Datenzelle (<td>), die "Sales" lautet, und einer Datenzelle (<td>), die "$50,000" lautet. - Eine weitere Tabellenzeile (
<tr>) mit einer Datenzelle (<td>), die "Marketing" lautet, und einer Datenzelle (<td>), die "$60,000" lautet. - Eine letzte Tabellenzeile (
<tr>) mit einer Datenzelle (<td>), die zwei Spalten überspannt und "Jane Smith" lautet, einer Datenzelle (<td>), die "IT" lautet, und einer Datenzelle (<td>), die "$70,000" lautet.
Probier es selbst
<!DOCTYPE html>
<html>
<body>
<!-- Hier Code schreiben -->
</body>
</html>Alle Lektionen in Fundamentals
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