Ein hoch auf die Wissenschaft

Das ist zumindest weniger hässlich. Damit das hier nicht ewig lang wird jetzt noch schnell wie man Bilder auf die Eigene Seite packt ohne das die komplett das Layout zerstören, wie es große Bilder gerne mal tun.

Bilder

Für Bilder gibt es den <img>-Tag, er tut genau das was draufsteht, Den tag nutzt man wie folgt:

<img src="https://stevetec.de/images/copykitteh.svg">

Wobei “src” der link zum Bild ist. Das sieht dann so aus:

Das ist so ohne Änderungen schon etwas groß, man will ja mehr als nur Bild im Bild haben… Gut das es CSS gibt. der “Fix” ist dabei echt simpel: einfach dei Maximale breite beschränken, der Browser skaliert dann entsprechend das es passt. Auch hier wieder keine Überraschungen der Code dazu ist:

img{
    max-width:500px;
}

500 Pixel ist zwar kleiner als der Container aber dann explodiert die Höhe nicht so stark, sieht einfach besser aus. glaube Ich dir nicht!