Bilder in Box

Bilder in rechten Boxen einfügen

Die Boxen in den Designs haben unterschiedliche Breiten. Fügen wir dort Bilder ein, die Breiter sind als die Box, verzerren wir damit das Homepage-Design.

Mit einer Breiten-Angabe (im HTML-Code) können wir das verhindern.

Ein Bild in rechter Box einfügen

<img src="Grafikadresse" alt="Hier Bild-Info" width="160" />

Grafikadresse = URL des Bildes (z.B. https://img.webme.com/pic/../........../name.jpg)
Hier Bild-Info = kurzer Infotext, z.B. was das Bild zeigt
width="160" = Bildbreite 160 . Diesen Wert anpassen bis das Bild passt.

---

verlinktes Bild in rechter Box einfügen

<a href="HIER LINK"> <img src="Grafikadresse" alt="Hier Bild-Info" width="160" /> </a>

HIER LINK = Adresse einfügen, wo Link hinführen soll ( z.B. http://google.de)

---

Zeilenumbruch / Leerzeilen in rechter Box

Mit einem <br /> erzeugen wir einen Zeilenumbruch
Zwei <br /> <br /> erzeugen eine Leerzeile Abstand.

---

Eine Trennlinie einfügen :

Mit einem <hr> erzeugen wir eine Trennlinie .
Wenn wir mehrere Inhalte in einer einzigen Box einfügen wollen, kann diese Trennlinie der Übersicht dienen.