26. So funktioniert HTML
HTML ist keine Programmiersprache, sondern formatiert Inhalte.
Mit sogenannten HTML-Tags teilt man dem Browser mit, wie er etwas
anzeigen soll:
<HTML-Tag>Inhalt</HTML-Tag beenden>
<b>Dieser Text ist fett</b>
<i>Dieser Text ist kursiv</i>
„Hier soll die Formatierung aufhören“
„Setze alles danach kursiv“
Ausnahme: Ein Bild ist keine Formatierung - der abschließende
Schrägstrich steht deshalb direkt im HTML-Tag:
<img src=”Quelle - Die Bildadresse” />
27. So funktioniert HTML
Links:
<a href=”Hier soll der Link hinführen”>Dieser Text ist verlinkt</a>
<a href=”http://www.o2thinkbig.de”>Link zu o2thinkbig.de</a>
<a href=”http://www.o2thinkbig.de” title=“Dieser Text wird angezeigt,
wenn man über den Link fährt.“>Link zu o2thinkbig.de</a>
Bilder:
<img src=”Quelle - Die Bildadresse” />
<img src=” http://www.o2thinkbig.de/bild.jpg” />
<img src=” http://www.o2thinkbig.de/bild.jpg” alt=“Alternativtext, der
angezeigt wird, wenn das Bild nicht lädt oder angezeigt werden kann,
z.B. für Blinde.“ />
28. Bildergalerien: „Der Link soll auf
das große Bild
führen“
<a „Setze einen Link“
href="HIER_URL_DES_GROßEN_FOTOS_EINSETZEN"
title="HIER_TITEL_EINSETZEN" „Bildbeschreibung“
rel="gallery[you]" „Das Bild gehört zur Galerie ,you‘ “
> „Öffne den Link als
Lightbox“ „Zeige das kleine
<img „Zeige ein Bild“ Bild“
src="HIER_URL_DES_KLEINEN_FOTOS_EINSETZEN"
alt="HIER_TITEL_EINSETZEN" „Bildbeschreibung“
width="200" „Zeige das Bild mit einer Breite von 200 Pixeln“
align="left" „Richte das Bild links aus“
style="margin-right: 10px;" „Halte rechts von dem
/> „Hier hört das Bild Bild 10 px Abstand frei“
auf“
</a> „Hier hört der Link auf“