Lieblingsbücher-Liste

Teil des Abschnitts Grundlagen der HTML-Journey von Coddy. Lektion 60 von 60.

Aufgabe

Einfach

Erstelle eine einfache Liste „Lieblingsbücher“ nur mit HTML. Die Seite sollte einen Titel, eine kurze Einleitung und eine nummerierte Liste mit drei Buchtiteln enthalten.

Stimme Struktur und Text auf das folgende Bild ab:

Probier es selbst

Alle Lektionen in Grundlagen

1HTML-Grundlagen

Was ist HTML?Grundstruktur von HTML Tags und Elemente Verschachtelung und schließende Tags Kommentare in HTML

4Rezeptkarte

Projektübersicht Rezepttitel und Beschreibung

Zutaten

Schritte

7Persönliche Profilseite

Projektübersicht Header-Bereich

Profilbild

Über-mich-Bereich

Social Links

10Tabellen

Tabellen-Grundlagen Beschriftungen hinzufügen Zeilen und Spalten verbinden Zusammenfassung - Tabellen

2Text und Formatierung

Überschriften Absätze Zeilenumbrüche Fetter und kursiver Text Nochmals fett und kursiv Wiederholung – Formatierung

5Inhalte hinzufügen

HTML-Attribute Links Links zu neuen Seiten Bilder Bild-Attribute

8Formulare und Eingaben Teil 1

Formular-Grundlagen Texteingaben Input-Attribute Passwortfeld Labels für Eingaben Zusammenfassung – Einfaches Formular

11Event-Registrierungsseite

Projektübersicht Header-Bereich

Event-Details-Bereich

Registrierungsformular

Footer-Bereich

3Arbeiten mit Listen

Ungeordnete Liste Geordnete Liste Verschachtelte Listen Zusammenfassung – Listen

6Seitenlayout

Bereiche (Divisions)Inline-Spans Semantische Tags Sections und Articles Zusammenfassung – Layout

9Formulare und Eingaben Teil 2

Radio-Buttons Checkboxen Dropdowns Buttons Buttons in Formularen Wiederholung - Formulare #1 Wiederholung - Formulare #2

12Abschlussherausforderungen

Einfache Profilkarte Event-Einladungskarte Einfache ArtikelseiteLieblingsbücher-Liste

Übe selbstständig: Web-Playground