[HTML] Jak wstawić obrazek?

Pierwszy artykuł z serii dla zielonych. W tym wpisie nauczymy się wstawiać odnośnik oraz obrazek na stronę www.

Wstawianie linku

Wstawienie hiperłącza (linku) na stronę www jest bardzo proste i sprowadza się jedynie do napisania jednej linii kodu, a właściwie tagu HTML a z atrybutami. Atrybutem wymaganym jest href - hypertext reference (adres, pod który ma odsyłać odnośnik). Dodatkowy atrybut to title - tytuł, który wyświetli się po najechaniu na link kursorem. Między tagami <a></a> wpisujemy tzw. anchor text czyli tekst, na który klikamy, aby przejść do strony.

Wstawianie linku

<a href="https://www.ukodowani.pl" title="Blog programistyczny">Blog programistyczny</a>
Powyższy kod da wynik Blog programistyczny

Wstawianie obrazka

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

<img src="images/smile.jpg" alt="Uśmiech" />

Link z obrazkiem

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

<a href="https://www.ukodowani.pl"><img src="images/smile.jpg" alt="Uśmiech" /></a>

Możesz też ustawić zdjęcie jako tło.

Komentarze

Popular

[PHP|HTML] Odświeżenie strony

[HTML] Jak wycentrować stronę?