Jak Wstawić Link Do Obrazka W Html

Spisu treści:

Jak Wstawić Link Do Obrazka W Html
Jak Wstawić Link Do Obrazka W Html

Wideo: Jak Wstawić Link Do Obrazka W Html

Wideo: Jak Wstawić Link Do Obrazka W Html
Wideo: Dodawanie obrazków w HTML 2024, Listopad
Anonim

Posty na blogu lub w innym zasobie mogą zawierać nie tylko informacje o konkretnym zagadnieniu, ale także bezpośrednie linki do źródła informacji lub innego zasobu. W szczególności edytor HTML pozwala na formatowanie linków do plików graficznych.

Jak wstawić link do obrazka w html
Jak wstawić link do obrazka w html

Czy to jest to konieczne

Dostęp do Internetu

Instrukcje

Krok 1

Najłatwiejszy sposób zaprojektowania łącza, w tym łącza do obrazu, składa się z następujących tagów: tekst objaśniający. Podaj link do samego pliku graficznego jako adres strony, na przykład: https://www.site.com/mypicure.jpg. W tekście objaśniającym możesz podać nazwę pliku lub inne informacje. Podczas przeglądania gotowej wiadomości tylko ona będzie widoczna, obraz otworzy się po kliknięciu kursorem.

Krok 2

Obraz może być linkiem do samego siebie lub innego pliku graficznego. W takim przypadku wstaw następujące tagi:. Adres strony - adres, który otworzy się po kliknięciu myszą; URL obrazu - adres URL obrazu, który chcesz kliknąć. Tekst wyjaśniający pojawia się po najechaniu myszą. Link z określonym projektem otworzy się w nowym oknie.

Krok 3

Jednak te poprawki są opcjonalne, jeśli chcesz po prostu opublikować zdjęcie w swoim poście. Najważniejsze jest poznanie jego adresu w sieci. Wstaw tagi:. Adres URL zdjęcia powinien wyglądać mniej więcej tak:

Krok 4

Dodatkowe parametry pozwalają dostosować rozmiar wyświetlanego obrazu. W tym celu użyj tagów width = i height =. Nie ma potrzeby używania obu, jeśli określisz jeden z nich, drugi parametr zmieni się proporcjonalnie. Po tagu umieść żądaną wysokość lub szerokość obrazu w pikselach. Wynik może wyglądać tak:

Zalecana: