[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

Prześlij komentarz

Popular

[PHP] Szyfrowanie hasła

Aby zaszyfrować hasło w PHP można użyć jednej z kilku funkcji haszujących. Najpopularniejszymi funkcjami haszującymi są md5 , sha1 i crypt . Jednak te dwie pierwsze nie są rekomendowane jako bezpieczne metody haszowania. Do bezpiecznego haszowania haseł należy używać funkcji password_hash . Haszowanie przy użyciu password_hash $password = 'hasło'; echo password_hash($password, PASSWORD_DEFAULT); // wyświetli hash bcrypt hasła $password Haszowanie przy użyciu md5 $password = '12345'; echo md5($password); // Wyświetli '827ccb0eea8a706c4c34a16891f84e7b' Haszowanie przy użyciu sha1 $password = '12345'; echo sha1($password); // Wyświetli '8CB2237D0679CA88DB6464EAC60DA96345513964' Haszowanie przy użyciu crypt $password = 'hasło'; echo crypt($password); // wyświetli hash crypt hasła $password z wygenerowaną automatycznie solą Porównywanie haszy Do porównania haszy wygenerowanych np. funkcją sha1 używa się funkcji hash_equals . Por
Czytaj więcej

[PHP] Jak wyświetlić tablicę?

Wyświetlanie tablic w PHP jest prostsze niż może się wydawać. Tablicę można wyświetlić ręcznie lub automatycznie z użyciem którejś pętli. Ręczne wyświetlanie tablicy Chociaż w większości przypadków ręczne wyświetlanie tablic jest mało efektywne, to niekiedy zachodzi taka potrzeba. Znając klucz czy to liczbowy czy to w formie ciągu tekstowego nie jest żadnym problemem odwołanie się do wartości tablicy. Przykład $array = [55 => 'lew', 80 => 'tygrys']; echo $array['80']; // wyświetli "tygrys" W powyższym przykładzie odwołano się do wartości o kluczu 80. Wyświetlanie tablicy pętlą foreach Dane z dużych tablic, gdzie wartości jest wiele, np. przy pobieraniu rekordów z bazy wyświetla się za pomocą pętli foreach. $array = [0 => 'śniadanie', 1 => 'obiad', 2 => 'kolacja']; foreach($array as $value){ echo $value . '<br />'; } Powyższy przykład wyświetli kolejno wartości tablicy $array . Możn
Czytaj więcej