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: Links zu Beliebten Websites Erstellen
Ziel
Erstellung einer ansprechenden Webseite mit einer ungeordneten Liste (<ul>
) und Links (<a>
) zu drei bekannten Websites. Das Besondere: Diese Links sollen sich beim Anklicken in neuen Tabs öffnen, um das Nutzererlebnis zu verbessern und ein müheloses Erkunden der Ziele zu ermöglichen.
Aufgabe
Nutzen Sie die folgenden Elemente, um ein spannendes Web-Entdeckungserlebnis zu gestalten:
- Erstellen Sie eine ungeordnete Liste mit drei Einträgen mithilfe des
<ul>
-Elements. - Jeder Listeneintrag soll einen Link (
<a>
) zu einer bekannten Website und deren Namen enthalten. - Die Liste soll folgende Einträge enthalten:
- "Apple" – Link zur Apple-Website:
https://www.apple.com/
; - "Amazon" – Link zur Amazon-Website:
https://www.amazon.com/
; - "Netflix" – Link zur Netflix-Website:
https://www.netflix.com/
.
- "Apple" – Link zur Apple-Website:
index.html
- Verwenden des
ul
-Tags zur Erstellung einer ungeordneten Liste. - Verwenden des
li
-Tags zur Erstellung von Listenelementen für jeden Webseiten-Link. - Verwenden des
a
-Tags zur Erstellung von Links und Angabe der Webseiten-URL mit demhref
-Attribut. - Um die Links in neuen Tabs zu öffnen, das Attribut
target="_blank"
ima
-Tag einfügen.
index.html
War alles klar?
Danke für Ihr Feedback!
Abschnitt 2. Kapitel 9