Inhaltsverzeichnis


Grundgerüst

Sonderzeichen

Allgemeine Formatierungen

Schriftformatierung

Nummerierung

Hintergrund

Bild einf�gen

Link setzen

Tabelle




Startseite
Bilder einfügen !!!


  1. Bild einfügen
  2. Bildgröße definieren
    Bildbeschreibung
    Umramung des Bildes
  3. Textpositionierung neben dem Bild

    4.
  4. Textpositionierung rund ums Bild





Bilder einfügen

Pfadangabe:
 Hier sind die Ordnerstruckturen wichtig!!!
Ist man im gleichen Hauptordner dann:<img src=Ordner/bild.jpg">
Ist man in einem anderen Ordner dann:<img src="../Ordner/Unterordner/bild.jpg"
Die Endungen des Dateinamens sind wichtig, die häufigsten sind jpg und gif.


zurück

Bildgröße, Beschreibung, Rahmen

 <img src="Ordner/bild.gif" width=100 height=100 alt="Beschreibung"border=5>
width ist die Breite, height ist die Höhe; beides in Pixel angeben
alt ist der Titel des Bildes
border ist der Rahmen; 0 unsichtbar (wenn ich keinen Rahmen angebe dann ist auch 0), je höher die Zahl desto dicker der Rahmen.
cleo
zurück

Textpositionierung neben dem Bild

 <img src="Ordner/bild.gif" width=150 height=150 alt"Text" border=5> <align="bottum">
<..."bottum">rechts unten neben dem Bild
<..."middle"> mittig neben demBild
<..."top">rechts oben neben dem Bild

align="bottum"> Text steht unten neben dem Bild !!!
zurück

Textpositionierung rund ums Bild

 Bild links - Text rechts
  1. <p align="justify>
  2. Dann den Text schreiben
  3. Befehl definieren mit z.B.:align="left"
    vspace = Vertikaler Abstand zum Bild
    hspace = Horizontaler Abstand zum Bild
<img src="Ordner/bild.jpg" width=100 height=100 alt="Text rechts" border=5 align="left" vspace=10 hspace=15>

Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text cleo Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum Text rechts herum

Bild rechts - Text links
  1. <p align="justify>
  2. Dann den Text schreiben
  3. Befehl definieren mit z.B.:align="right"
    vspace = Vertikaler Abstand zum Bild
    hspace = Horizontaler Abstand zum Bild
<img src="Ordner/bild.jpg" width=100 height=100 alt="Text links" border=5 align="left" vspace=10 hspace=15>

Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text cleo Text links herum Text links herum Text links herum Textlinks herum Text links herum Text links herum Text links herum Text links herum Text links herum Textlinks herum Text links herum Text links herum Text links herum Text links herum Text links herum Textlinks herum Text links herum Text links herum Text links herum Text links herum Text links herum Textlinks herum Text links herum Text links herum Text links herum Text links herum Text links herum Textlinks herum Text links herum Text links herum Text links herum Text links herum Text links herum Textlinks herum Text links herum Text links herum Text links herum Text links herum Text links herum Textlinks herum Text links herum Text links herum Text links herum Text links herum Text links herum Textlinks herum Text links herum Text links herum Text links herum Text links herum Text links herum Textlinks herum Text links herum Text links herum


zurück