Na potrzeby strony internetowej przygotowano grafikę rysunek.jpg o rozmiarze: szerokość 200 px, wysokość 100 px. Aby wyświetlić tę grafikę jako miniaturę – pomniejszoną z zachowaniem proporcji, można zastosować znacznik

Wybierz odpowiedź A <img src="rysunek.png"> B <img src="rysunek.png" style="width: 50px;"> C <img src="rysunek.png" style="width: 25px; height:50px;"> D <img src="rysunek.png" style="width: 25px; height:25px;">

Cały arkusz INF.03, przykładowy arkusz CKE Było też: EE.09, styczeń 2020

Pokaż odpowiedź i wyjaśnienie

Poprawna odpowiedź: B

<img src="rysunek.png" style="width: 50px;">

Dlaczego

Gdy podasz samą szerokość (width: 50px), przeglądarka sama dobierze wysokość z zachowaniem proporcji 2:1, czyli 25 px. Zapisy z width: 25px i height: 50px albo 25 × 25 px zniekształcają obraz. Rozszerzenie .png w odpowiedziach to literówka w arkuszu.