Webmaster-Crashkurs

Bilder in HTML

Zum Integrieren von Bildern und Grafiken wird in HTML der TAG img benötigt. Hier haben wir einen HTML-TAG, der ohne Attribut nicht auskommt. Es muss noch der Dateinamen mitgegeben werden, unter dem das Bild gespeichert ist.

Der HTML-TAG für ein Bild wird also immer mit dem Atribut src in erscheinung treten:

<img src="dateinamebild.jpg" />

Für das Bild kann ein Alternativtext und ein Kurzbeschreibung hinterlegt werden. Dazu werden die 2 Attribute alt="" und title="" genutzt.

<img src="dateinamebild.jpg 
 alt="Kurzbeschreibung Bild" title="Titel des Bildes" />

Ein schönes Beispiel ist bei der Reutlinger Firma für Umzug, Lagerung, Archivierung und Self-Storage mit dem Namen Hasenauer+Koch auf der Startseite zu finden. Geht man mit dem Mauszeiger auf das Bild und wartet kurz, erscheint der hinterlegte Text. Im Original zu finden unter http://www.dms-hasenauer.de/.

Bilder mit Alternativtext und Beschreibung versehen

Dateiformate bei Bilder für Internetseiten und deren Vor- und Nachteile

HTML5-Video-Kurs:
hier klicken für
mehr Informationen
© 2008-2024   •   www.webmaster-crashkurs.de - HTML5 Tutorial mit VideosImpressumDatenschutzerklärung
weitere eigene Projekte: