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: Erstellen Sie Eine Persönliche Vorstellungs-Webseite
Ziel
Stellen Sie sich der Welt vor, indem Sie eine Webseite mit mehreren Überschriftselementen (<h1>, <h2>) und Absatzelementen (<p>) erstellen.
Aufgabe
Verwenden Sie die folgenden Elemente, um Ihre fesselnde Vorstellung zu gestalten:
- Verwenden Sie ein
<h1>-Element für die Hauptüberschrift. Der Text sollteWelcome to My Websitelauten. - Verwenden Sie ein
<h2>-Element für eine Unterüberschrift. Der Text sollteAbout Melauten. - Verwenden Sie ein
<p>-Element, um einen kurzen Absatz zu schreiben, in dem Sie sich vorstellen, einschließlich:- Ihres Namens;
- Ihrer Hobbys.
index.html
- Verwenden Sie das
h1-Tag, um die Hauptüberschrift zu erstellen. - Verwenden Sie das
h2-Tag, um die Unterüberschrift zu erstellen. - Verwenden Sie das
p-Tag, um den Absatz zu erstellen.
index.html
War alles klar?
Danke für Ihr Feedback!
Abschnitt 2. Kapitel 6
