[HTML] Jak wstawić obrazek?

Cześć! Jesteś tu zapewne dlatego, bo nie wiesz jak wstawić zdjęcie na stronę. W tym wpisie nauczysz się wstawiać obrazek na stronę www zarówno jako tylko obrazek, ale też obrazek jako klikalny odnośnik. Przejdźmy zatem do nauki...

Wstawianie obrazka

Do wstawiania grafiki na stronę służy znacznik img z atrybutami src oraz alt. Atrybutem wymaganym jest src - adres źródłowy (adres grafiki, którą chcemy wstawić na stronę). Atrybut alt - zawiera tekst alternatywny, który zostanie wyświetlony, gdy wczytanie obrazka się nie powiedzie. Podsumowując, aby wstawić zdjęcie piszemy następujący fragment kodu:

<img src="images/flower.jpg" alt="Kwiatek" />

Link z obrazkiem

A teraz połączenie odnośnika z obrazkiem, czyli zastąpienie tekstu w linku zdjęciem:

<a href="https://www.ukodowani.pl"><img src="images/banner.jpg" alt="ukodowani.pl" /></a>

Możesz również ustawić zdjęcie jako tło.

Jeśli chcesz dowiedzieć się jak wstawiać link tekstowy, zerknij na artykuł Jak wstawić link tekstowy w HTML.

Komentarze

Prześlij komentarz

Dzięki za komentarz!

Popular

[C++] Jak obliczyć pole i obwód trapezu?

[PHP] Jak pobrać adres strony?