Jak Umieścić Obrazek W HTML

Spisu treści:

Jak Umieścić Obrazek W HTML
Jak Umieścić Obrazek W HTML

Wideo: Jak Umieścić Obrazek W HTML

Wideo: Jak Umieścić Obrazek W HTML
Wideo: Dodawanie obrazków w HTML 2024, Może
Anonim

Tekst na stronie internetowej jest znacznie bardziej czytelny, gdy jest zilustrowany. HTML rezerwuje w tym celu tag img. Używając go w połączeniu z innymi tagami, możesz uczynić ze zdjęcia aktywny link, w tym większą wersję tego samego zdjęcia.

Jak umieścić obrazek w HTML
Jak umieścić obrazek w HTML

Instrukcje

Krok 1

Jeśli plik obrazu i plik HTML znajdują się w tym samym folderze, użyj następującego kodu HTML, aby wstawić obraz: gdzie nazwa obrazu.jpg

Krok 2

Jeśli plik obrazu znajduje się na tym samym serwerze, ale w innym folderze, zmień tę konstrukcję w następujący sposób: gdzie /folder/innyfolder/nazwaobrazu.jpg

Krok 3

Ostrożnie umieszczaj obrazy przechowywane na innych serwerach - tam może być włączona ochrona przed wypłukiwaniem, a wtedy zamiast żądanego obrazu odwiedzający Twoją stronę zobaczy ostrzeżenie o takiej ochronie. Jeśli nie ma takiej ochrony, a właściciel zewnętrznego serwera nie sprzeciwia się umieszczaniu przechowywanych tam obrazów na stronach innych osób, użyj następującego fragmentu kodu: gdzie https://serwer.domena/folder/innyfolder/nazwaobrazu.jpg

Krok 4

Aby obrazek był jednocześnie linkiem do innej strony, użyj następującego kodu:, gdzie linktext to adres linku (lokalny lub globalny).

Krok 5

Na koniec, aby po kliknięciu przez użytkownika na obrazek, użytkownik mógł zobaczyć jego powiększoną kopię, zmień poprzedni fragment w następujący sposób: gdzie nazwa-obrazu-duża.jpg

Zalecana: