RootRifs
Zurück zu Kapitel 1: HTML-Grundlagen

HTML & CSS | Beginner

Links, Bilder und Listen

Verknüpfungen, Bilder und Aufzählungen in HTML einsetzen.

Lernziel

Du kannst Links, Bilder und Listen in eine Seite einbauen und verstehst, welchen Zweck die wichtigsten Attribute erfuellen.

Wofuer diese Elemente gut sind

Diese Elemente gehoeren zu den haeufigsten Bausteinen im Web. Links verbinden Seiten miteinander, Bilder liefern visuelle Informationen und Listen helfen dabei, Inhalte geordnet darzustellen.

Beispiele

<a href="https://example.com">Link</a>
<img src="bild.jpg" alt="Beschreibung">
<ul>
  <li>Eintrag 1</li>
  <li>Eintrag 2</li>
</ul>

Live-Beispiel

Link

Bild
  • Eintrag 1
  • Eintrag 2

Was bewirkt der Code?

Das href Attribut legt das Ziel des Links fest. Das src Attribut gibt die Bilddatei an. Das alt Attribut beschreibt das Bild, falls es nicht geladen werden kann oder von Screenreadern vorgelesen wird. ul erzeugt eine ungeordnete Liste und li markiert jeden einzelnen Punkt.

Hinweis

Bilder sollten immer ein alt Attribut erhalten. Listen bestehen aus einzelnen li Elementen innerhalb von ul oder ol.

Weiter →