[HTML] Jak wstawić obrazek?

Artykuł został zaktualizowany 03/05/2020.

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.

Przykład:

<a href="http://programistyczny.blogspot.com" title="Blog programistyczny">anchor text</a>
Anchor text to tekst, na który klikamy, aby przejść do strony.

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.

Przykład:

<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="http://programistyczny.blogspot.com"><img src="images/smile.jpg" alt="Uśmiech" /></a>

Komentarze

Popular

[PHP|HTML] Odświeżenie strony

[PHP] Jak sprawdzić typ zmiennej?