Bild händisch einfügen

[Tommy Herrmann]

Hier ein einfaches Beispiel für das "img" Tag, mit dem man an jeder beliebigen Stelle ein Bild einfügen kann:

Code: Alles auswählen

<img src="http://www.Domain.de/Pfad/katze.jpg" alt="Bild" title="Meine Katze">

Natürlich muss man in den meisten Fällen einem händisch eigefügten Bild auch noch etwas CSS / Style mitgeben, wie z.B. eine Breite (width) und auch eine maximale Breite (max-width). Damit ein Bild scharf bleibt, darf es natürlich mit der Angabe der Breite nie vergrößert, sondern immer nur verkleinert werden.

Code: Alles auswählen

img {
  width: 300px;
  max-width: 100%;
}