Kursinhalt
Ultimatives HTML
Ultimatives HTML
2. HTML-Tags und Attribute
Verständnis von HTML-TagsArbeiten mit HTML-AttributenVerständnis von Gepaarten und Einzelnen Tags in HTMLTextauszeichnung und -Formatierung in HTMLHerausforderung: Erstellen Sie Ihren Ersten Webseiten-AbsatzHerausforderung: Erstellen Sie Eine Persönliche Vorstellungs-WebseiteHerausforderung: Gestaltung Einer Filmpräsentations-WebseiteVerwendung von Links und Schaltflächen in HTMLHerausforderung: Links zu Beliebten Websites ErstellenÜberprüfung Ihres HTML-Codes auf Best Practices
3. HTML-Dokumentstruktur
4. Arbeiten mit Medien und Tabellen
Bilder in HTML EinfügenHerausforderung: Arbeiten Mit BildernArbeiten mit Klickbaren Bildern, Bildunterschriften und OptimierungVerständnis von Vektor- und RastergrafikenEinbetten von Audio und Video für Multimediale InhalteHerausforderung: Einbetten von Audio und Video in HTMLErstellen und Strukturieren von Tabellen in HTMLHerausforderung: Entwurf Einer Funktionalen HTML-Tabelle
5. HTML-Formulare und Benutzereingaben
Einführung in HTML-FormulareGrundlagen der Formularerstellung in HTMLVerwendung von Labels für bessere FormularzugänglichkeitFormulare mit Eingabeattributen ErweiternUntersuchung Verschiedener Eingabetypen in HTMLHerausforderung: Formular mit Eingabefeldern und Beschriftungen ErstellenArbeiten mit dem Textarea-Element für Mehrzeilige EingabenVerwendung des Select-Elements für Dropdown-MenüsVerwendung des Datalist-Elements für vordefinierte EingabevorschlägeGruppierung von Formularelementen für eine bessere Struktur
Herausforderung: Entwurf Einer Funktionalen HTML-Tabelle
Ziel
Darstellung von Mitarbeiterinformationen in einem strukturierten Tabellenformat durch die Verwendung geeigneter HTML-Tags zur Erstellung von Zeilen und Spalten.
Aufgabe
Erstellen Sie eine Tabelle mit drei Spalten: Name, Position und Lohn. Achten Sie darauf, die passenden HTML-Tags zu verwenden, um die Tabelle mit den korrekten Zeilen und Spalten zu füllen. Hier sind die aufzunehmenden Daten:
- Name: Emma Johnson | Position: Verkaufsmitarbeiterin | Lohn: $15.50 pro Stunde.
- Name: Liam Thompson | Position: Kundenservicemitarbeiter | Lohn: $14.75 pro Stunde.
- Name: Olivia Rodriguez | Position: Marketingkoordinatorin | Lohn: $18.25 pro Stunde.
- Name: Noah Smith | Position: IT-Support-Spezialist | Lohn: $20.00 pro Stunde.
- Name: Ava Davis | Position: Verwaltungsassistentin | Lohn: $16.80 pro Stunde.
index.html
index.css
- Verwenden Sie das
table
-Tag, um das Hauptelement der Tabelle zu definieren. - Verwenden Sie das
thead
-Tag, um den Kopfbereich der Tabelle, wie z. B. die Spaltenüberschriften, zu gruppieren. - Verwenden Sie das
tr
-Tag, um eine neue Zeile innerhalb der Tabelle zu definieren. - Verwenden Sie das
th
-Tag, um den Überschriftstext für jede Spalte festzulegen. - Verwenden Sie das
tbody
-Tag, um den Hauptinhalt der Tabelle zu gruppieren, einschließlich der Zeilen und Datenzellen. - Verwenden Sie das
td
-Tag, um die tatsächlichen Daten oder Inhalte innerhalb jeder Tabellenzelle zu definieren.
index.html
index.css
War alles klar?
Danke für Ihr Feedback!
Abschnitt 4. Kapitel 8