You are here: Home Web HTML Grafiken
Search
Advanced Search…
E-Mail

Webmail: webmail.wyden.com

E-Mail Preferences: postfix.wyden.com/users

E-Mail Administration: postfix.wyden.com

Statistics
Total: 473
Total Pages: 286
Total Folders: 87
Total Files: 18
Total Links: 26
Last modification: 19.04.2012 15:21
 

Grafiken

by Wyden Silvan last modified 01.06.2010 20:26

Grafik einbinden

Eine Grafik kann man ganz einfach als Verknüpfung zur Bilddatei einfügen. Bei src="URL" wird einfach die URL(d.h. der Pfad) der Datei angegeben.

<img src="images/logo.jpg">

Breite und Höhe

Zusätzlich kann man auch noch optional die Höhe height="WERT" und die Breite width="WERT" der Grafik angeben.

<img src="URL" width="100" height="50>

Alternativer Text

Mit dem Befehl alt="WERT" kann mein einen sogenannten alternativen Text angeben. Dieser Text erscheint neben dem Mauscursor, wenn sich der Benutzer mit der Maus über dem entsprechenden Bild befindet.

<img src="URL" alt="Das ist das Logo von uns">

Rand um eine Grafik

Es gibt auch noch die Möglichkeit, die Grafik mit einem Rand zu versehen. Dies wird mit Hilfe des Befehls border="WERT" erzeugt. Wenn Sie eine Grafik verlinken, wird automatisch ein Rand um dieses Bild erzeugt. Um die Erzeugung des Randes zu verhindern benutzt man einfach den Befehl border="0".

<img src="URL" border="2">

Ausrichtung

Bei Grafiken kann man die Ausrichtung auch mit dem Befehlt align="WERT" festlegen. Dabei hat man die Wahl zwischen left/center/right. Wenn man z.Bsp right wählt, fliesst der Text (falls vorhanden) links um die Grafik.

<img src="URL" align="right">

Abstand vom Text zur Grafik

Mit Hilfe des Befehls vspace="WERT" kann der vertikale und mit hspace="WERT" der horizonatle Abstand zwischen einer Grafik und dem Text festgelegt werden.

<img src="URL" vspace="10" hspace="30">