Sonntag, 19. April 2009

HTML Grafik im Blogger-Blog

Der HTML-Code "<" und ">" ist in weiterer Folge durch "[" und "]" dargestellt.

Geeignete Dateiformate sind GIF, JPEG, BMP und PNG.

[p][img src="Foto.jpg" alt="Hier sollte ein Foto stehen"][/p] ergibt:

Hier sollte ein Foto stehen


img .. image (Bild); src .. source (Quelle)
alt .. Alternativtext, für den Fall, dass die Grafik nicht angezeigt werden kann.

[p][img src="Foto.jpg" width="380" height="200" alt="Hier sollte ein Foto stehen"][/p] ergibt:

Hier sollte ein Foto stehen


Mit width und height wird die Größe der Grafik bereits im HTML-Code angegeben. Der Web-Browser reserviert beim Bildschirmaufbau entsprechend Platz, und muss nicht auf die Header-Info aus der Grafikdatei warten. Das beschleunigt den Bildschirmaufbau.

Referenziert wird nach den HTML Referenzregeln:
Ist die Datei im gleichen Verzeichnis gespeichert wie der HTML-Code, genügt die Angabe des Dateinamens [img src="Foto.jpg" alt="Foto"].
Wenn nicht, wird der Pfad mit angegeben: [img src="verzeichnis/datei.gif" alt="Grafik"].
Im Blogger-Blogg macht's Sinn, mit vollständigem URI zu referenzieren:
[img src="http://www.muster.org/Fotos/Foto4711.jpg" alt="Foto4711"]


Oder - ganz rafiniert - man verwendet die vorbereitete Funktion, die Blogger im Editiermodus zur Einbettung von Grafik oder Video anbietet (Ikon Bild hinzufügen oder Video hinzufügen). Da kann man ganz bequem wählen, in welcher Form die Grafik in den Text eingebunden werden soll. Das bringt Ordnung ins Erscheinungsbild.

Keine Kommentare: