Zusammenfassung

In dieser Lektion haben wir gelernt:

• Attribute werden im öffnenden Tag in der Form name="wert" geschrieben, der Wert immer in Anführungszeichen.
• Das Attribut id identifiziert ein Element, deshalb muss sein Wert auf der Seite eindeutig sein. Außerdem sollte jede Seite im Element html das Attribut lang haben.
• Links werden mit dem Element a (Anker) und seinem Attribut href erstellt, dessen Wert die Adresse ist, zu der der Link führt.
• Ein Link mit dem Attribut target mit dem Wert _blank öffnet sich in einem neuen Tab.
• Adressen können absolut sein, z. B. https://de.wikipedia.org/, oder relativ, z. B. ./hund.html.
• Eine relative Adresse, die mit ./ beginnt, sucht die Datei im selben Ordner wie die HTML-Datei mit dem Link.
• Eine relative Adresse, die mit / beginnt, sucht die Datei im Stammordner des Projekts.
• Bilder werden mit dem Element img hinzugefügt, das keinen Inhalt und kein schließendes Tag hat. Sein Attribut src enthält die Adresse des Bildes und alt eine Beschreibung, die Screenreader vorlesen und die Browser anzeigen, wenn das Bild nicht geladen werden kann. Ein rein dekoratives Bild bekommt alt="".
• Videos werden mit dem Element video und seinem Attribut src hinzugefügt. Das boolesche Attribut controls schaltet die Steuerelemente ein. Den Inhalt des Elements zeigen nur Browser an, die keine Videos abspielen können.
• Ein Bild (oder ein anderes Element) in einem Link wird selbst zum Link.
• Ein Link kann zu einem Teil der aktuellen Seite führen: Der Wert von href ist # gefolgt von der id des Elements. Ein Link nur auf # führt an den Anfang der Seite.
• Die Elemente header, nav, main, section und footer sagen, was jeder Teil der Seite ist, während div Elemente nur gruppiert.

In dieser Lektion haben wir gelernt, wie man Bilder und Videos hinzufügt, wie man Links verwendet und was Attribute sind, und wir haben unserer Seite eine sinnvolle Struktur gegeben. In der nächsten Lektion lernen wir, wie man in HTML Tabellen erstellt.