Bild kleiner machen HTML?
Kann mir jemand sagen wie man das Bild in Zeile 4 Kleiner machen kann auf meiner Webseite?
2 Antworten
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, HTML, programmieren
Genau wie alle anderen Elemente auch, mit
style="width: 100px; height: 100px;"
Anstatt der 100 natürlich die gewünschte Größe.
Du kannst auch width: auto; machen und nur die Höhe direkt setzen, dann wird das Bild nicht verzerrt/abgeschnitten.
Woher ich das weiß:Hobby – Programmieren ist mein Hobby & Beruf
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer
Du kannst im img-Tag die Breite und Höhe angeben.
https://www.w3schools.com/tags/tag_img.asp
<img src="bild.jpg" alt="Bild" width="50" height="60" />
Ansonsten kannst du dies auch per CSS zuweisen.
Hier bietet es sich aber an dem Bild eine ID oder Klasse zu geben, damit nicht alle Bildelemente angesprochen werden oder per style-Attribut in das img-Tag zu schreiben.
img {
width: 50px;
height: 60px;
}