Erstelle Links zu anderen Seiten und zeige Bilder mit den Tags a und img an.
Diese Lektion in Kodokon öffnenDas "HyperText" in HTML ist genau die Fähigkeit, Seiten mit Links miteinander zu verbinden. Ein Link wird mit dem <a>-Tag erstellt (kurz für anchor, Anker). Sein Ziel wird durch das Attribut href (hypertext reference, Hypertext-Referenz) angegeben, das eine URL enthält: die Adresse einer Webseite, wie https://en.wikipedia.org. Der Text zwischen <a> und </a> wird anklickbar.
<p>My favorite pages:</p>
<a href="https://en.wikipedia.org">Visit Wikipedia</a>
<a href="contact.html">See the contact page</a>Um ein Bild anzuzeigen, verwendest du das <img>-Tag. Es ist ein selbstschließendes Tag: Es hat keinen Inhalt und kein schließendes Tag - alles steht im Tag selbst. Zwei Attribute sind unverzichtbar. src (source, Quelle) gibt an, wo sich die Bilddatei befindet. alt (alternative text, Alternativtext) beschreibt das Bild in Worten: Dieser Text wird angezeigt, wenn das Bild nicht geladen werden kann, und er wird von den Screenreadern vorgelesen, die sehbehinderte Menschen benutzen.
<img src="images/cat.jpg" alt="A sleeping ginger kitten">
<img src="logo.png" alt="My site's logo">
<img src="beach.jpg" alt="A beach at sunset">Du kannst beides kombinieren: Ein Bild, das in einem <a>-Element steht, wird anklickbar. Genau das tun die Logos von Websites - sie bringen dich zurück zur Startseite, wenn du sie anklickst.
<a href="https://en.wikipedia.org">
<img src="wiki-logo.png" alt="Wikipedia logo">
</a>