Obrazki na stronie

Nieodłącznym elementem na stronach są grafiki oraz obrazki. Dlatego warto wiedzieć w jaki sposób umieszcza się je na stronie

Grafiki na stronie umieszcza się za pomocą jednego znacznika: img

jaszczurka

Znacznik ten przyjmuje dwa atrybuty: src="..." oraz alt="..."

Pierwszy atrybut czyli src powinien zawierać ścieżkę do pliku(zdjęcia).
Drugi atrybut czyli alt powienien zawierać tak zwany tekst alternatywny, czyli co się ma wyświetlić jeżeli przeglądarka nie będzie w stanie znaleźć naszego zdjęcia w plikach.
Tak więc prawidłowo zapisany znacznik wygląda tak:

		<img src="jaszczur.jpg" alt="jaszczurka"/>
					

Oczywiście mamy też możliwość zmieniania wielkości naszego obrazka, wystarczy skorzystać z atrybutów width="...px"
oraz height="...px". W ten sposób nasz obrazek może być różnej wielkości (kolejno: 50px, 100px, 300px):

jaszczurka jaszczurka jaszczurka

Warto pamiętać, że wystarczy ustawić tylko wysokość lub tylko szerokość, wtedy nasz obrazek drugą wartość dostosuje tak aby obraz zachowywał proporcje