| |
| * Link führt ins Internet |
|
| |
Einsatz von Grafik-Dateien
|
|
Das einsetzen von Grafiken in HTML-Seiten ist sicher kein all zu grosses Problem. Es kommt dennoch immer wieder zu Problemen, da nicht beachtet wird, das lediglich die Formate GIF, JPEG und PNG von aktuellen Browser Versionen unterstützt werden, dies sollten Sie vor allem bei der Verknüpfung von Grafiken mit HTML-Seiten berücksichtigen.
Folgende Konventionen gilt es zu beachten:
• Dateinamen dürfen keine Umlaute oder Leerzeichen enthalten.
• Auf Gross- und Kleinschreibung muss geachtet werden, da Server Systeme, wie UNIX zwischen Gross- und Kleinschreibung unterscheiden.
• Grafiken sollten lediglich über relative Pfade eingebunden werden, z.B. ../bilder/foto.jpg.
Einsatz des <img />-Tag
| Attribut | Beispiel | Bedeutung |
| src | <img src="pfad/bildname.jpg" /> | Verweis auf Grafik-Datei. |
| align | <img src="rose.gif" align="left" /> <img src="rose.gif" align="right" /> | Ausrichtung der Grafik, links oder rechtsbündig mit Textfluss. |
| width | width="100" | Breite der Grafik. |
| height | height="100" | Höhe der Grafik. |
| alt | <img src="rose.gif" alt="Rose" /> | Alternativtext, wird zur QuickInfo |
| border | <img src="rose.gif" border="2" /> | Zeigt einen Rahmen an, (border="0" – enspricht keinem Rahmen) |
| vspace | <img src="rose.gif" vspace="5" /> | Zusätzlicher Abstand in Pixel, oben und unten. |
| hspace | <img src="rose.gif" hspace="5"/> | Zusätzlicher Abstand in Pixel, links und rechts. |
|
|
|
|
|
|
|
SELFPHP
SELFPHP - Damir Enseleit, info@selfphp.de, Impressum, Kontakt