Elementem, bez którego nie może obejść się żadna strona jest obrazek, bądź jakaś grafika. Na tej lekcji dowiemy się jak umieszczać je na stronie ☺
Obrazki umieszczamy za pomocą jednego i krótkiego znacznika: img . Znacznik ten określamy za pomocą dwóch atrybutów src="..." oraz alt="..." .
Pierwszy atrybut czyli src powinien zawierać ścieżkę do pliku(zdjęcia).
Drugi atrybut czyli alt powienien zawierać tekst, który wyświetli się w przypadku, gdy przeglądarka nie będzię mogła odnaleźć naszego zdjęcia.
Prawidłowo zapisany kod powinien wyglądać tak:
<img src=" serce.jpg " alt="serduszko"/>
UWAGA UWAGA! Mam dla Ciebie świetną wiadomość ☺ możesz sam wybrać szerokość oraz wysokość obrazka! Wystarczy, że użyjesz dwóch fajnych właściwości width="...px" oraz height="...px"., które wpiszesz po właściwości alt . W taki oto sposób otrzymasz obrazki różnej wielkości (kolejno: 50px, 150px, 250px):
Pamiętajmy, że wystarczy ustawić jedną z właściwości np. tylko szerokość, a wysokość sama się odpowiednio dopasuje. Jest to bardzo przydatne ☺
Strone wykonała
Paulina Pasternak
E-mail: paula.pasternak@wp.pl