4. Bilder

Kapitel 3 ←  •  → Kapitel 5
  
Bild einf�gen:
<img src="bildname.jpg">
bzw.
<img src="bildname.gif">



Bildgr��e ver�ndern:

Ihr k�nnt das gesamte Bild vergr��ern oder verkleinern, n�mlich mit

<img src="bildname.jpg" width="100">
bzw.
<img src="bildname.jpg" height="100">

"Width" steht f�r die Breite, "height" f�r die H�he. Die Zahl, die ihr angebt, sind die Pixel. Wenn ihr nur eine dieser Angaben hinschreibt, wird die andere automatisch so ver�ndert, da� die Proportionen gleichbleiben.

Zweite M�glichkeit: Bild verzerren. Wenn ihr beide Angaben hinschreibt (also width und height), k�nnt ihr das Bild beliebig und bis zur Unkenntnis verzerren. Zum Beispiel so:

<img src="bildname.jpg" width="5" height="200">

Damit h�ttet ihr ein sehr hohes, sehr schmales Bild, das man wahrscheinlich nicht mehr erkennen kann.


Ausrichtung:

Grunds�tzlich gilt dasselbe wie f�r die Ausrichtung eines Textes.

Text mit Bildern:

Wenn ihr in einen gr��eren Textabsatz ein oder zwei Bilder einbauen m�chtet, sollte der Text um die Bilder flie�en.
Wenn ihr den Text rechts um das Bild herum flie�en lassen m�chtet (also das Bild links ausrichten m�chtet), benutzt den Tag

<img src="bildname.jpg" align=left>

Um den Text links und das Bild rechts zu haben, benutzt
<img src="bildname.jpg" align=right>

Nach dem Tag <br clear=all> wird der Text unter dem Bild weitergef�hrt.


Bildbeschreibung

Ihr kennt das sicher: manchmal, wenn man mit der Maus auf ein Bild zeigt, erscheint ein kleines Fenster, in dem steht, wie das Bild hei�t oder da� man hier draufklicken mu�, um auf die Hauptseite zu kommen. Den Text kann man selber eingeben, n�mlich mit

<img src="bildname.jpg" alt="Eure Beschreibung">

Allerdings darf die Beschreibung nicht zu lang werden, sonst erscheint das Fenster erst gar nicht.

Kapitel 3 ←  •  → Kapitel 5
1
Hosted by www.Geocities.ws