[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.
Dzięki
OdpowiedzUsuń