 |
|
Ausgewählt:
|
INFO Nr. 357
zum Thema |
MULTIMEDIA WEBDESIGN HTML GRAFIK |
|
Stichwörter: |
Grafik, Bilder, < img >, Grundlagen |
|
Inhalt: |
Bilder in HTML - Grundlagen
Grafiken bzw. Bilder werden in HTML mit dem Tag <img> eingebunden. Der Browser kann Grafik-Dateien im JPG-Format, im GIF-Format und im PNG-Format anzeigen.
Dazu wird als minimale Angabe das Attribut "src" benötigt, das auf die "Quelle" d.h. den Speicherort, erforderlichenfalls mit Pfadangabe, hinweist. Die Bilder bzw. Grafiken sollen so groß wie tatsächlich benötigt sein, um nicht unnötig Webspeicher zu verbrauchen oder die Ausgangsqualität zu verschlechtern. Üblicherweise werden sie in eigenen Ordnern (meistens mit "images" oder "bilder" benannt) abgelegt.
Besonders erwünscht sind in jedem Fall die Angaben für die Breite (Attribut "width"), Höhe (Attribut "height") und das Attribut "alt". Das Attribut "alt" gibt einen Hinweis auf das Bild, falls es aus irgend einem Grund nicht angezeigt werden kann und ist für barrierefreie Zugänge wichtig, weil Software beispielsweise Blinden den Inhalt des Attributes "alt" vorlesen kann.
Beispiel für absolutes Minimum:
<img src="images/bildname.jpg">;
Standardbeispiel mit Pfadangabe:
<img src="images/bildname.jpg" alt="Fachschule" width="200" height="100"> |
|
