Kurs HTML i CSS

Obrazki

Rzeczą której nie może zabraknąć na stronie są obrazki.Dlatego teraz zajmiemy się umieszczaniem ich na stronie.

<img/>

Do umieszczenia elementu graficznego na stronie służy znacznik <img />, który posiada akrybuty src oraz alt.Src określa źródło, czyli obrazek, jaki chcmy wstawić, alt natomiast definiuje alternatywny tekst dla przeglądarek nieobsługujących grafiki.

Przykład:

<img src="obrazek.png" alt="obrazek"/>
						

Przykładowy obrazek:

żyrafa

Dodatkowe atrybuty

Oczywiście nie musimy być skazani na to, aby dodawać obrazki czy zdjęcia w orginalnych wielkościch, do zmienienia ich wielkości posłużą nam atrybuty height (wysokość) oraz width (szerokość).

<img src="obrazek.png" alt="obrazek" height="100px" width="200px"/>

Dla ułatwienia można ustawić tylko jeden atrubut, a drugi automatycznie się dostosuje aby nie zniekształcić obrazka.