Bild händisch einfügen

CSS und andere hilfreiche Anweisungen
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Bild händisch einfügen

Ungelesener Beitrag von 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%;
}
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 6 Gäste