Uwaga: Poniższy artykuł pomoże Ci w: Jak tworzyć linki do obrazów
Chciałem dzisiaj porozmawiać o czymś, co dla niektórych może wydawać się bardzo łatwe, ale ciągle widzę, jak inni mają problemy z tworzeniem swoich blogów.
Chcę porozmawiać o tym, jak utworzyć plik link do obrazu.
Ci, którzy mają doświadczenie w HTML, nie muszą czytać dalej.
Ten dedykuję wam wszystkim, piękne nowicjusze… bo wiele lat temu też byłam jedną z was.
Prawdopodobnie jedną z najbardziej podstawowych rzeczy, których możesz się nauczyć, zanurzając się w świat HTML, jest tworzenie linków do obrazów.
Oznacza to dodanie linku do obrazu lub zdjęcia.
Innymi słowy, obraz, który (po kliknięciu) przekierowuje do określonego adresu URL.
Moim celem jest, abyś zapamiętał to, a nie tylko skopiował i wkleił kod.
Nigdy nie nauczysz się kopiując i wklejając!
Zrobię co w mojej mocy, aby wyjaśnić, co robi każda część kodu, abyś faktycznie wiedział, jak to działa.
Oto standardowy kod linku do obrazu:
Rozbijmy to.
Pierwsza część (niebieska) Twojego kodu to kod linku. Linki HTML są zawsze opakowane w element .
Zawsze, niezależnie od tego, czy jest to link tekstowy, czy graficzny.
Zanotuj teraz w pamięci, że oznacza „link”.
Przy dużej ilości kodu HTML będziesz mieć swój element, a następnie akcję. W tym przypadku elementem jest link (), a akcją miejsce docelowe (twój adres URL).
Druga część (zielona) tego elementu mówi tylko (link), dokąd ma się udać.
Rozumiem?
Linki powinny zawsze zacznij od http://, ponieważ jest to ich prawdziwy adres URL.
Jeśli zapomnisz o tej części i po prostu zaczniesz ją od „www„, szybko zdasz sobie sprawę, że Twój link nie prowadzi do Twojego adresu URL, ale raczej próbuje otworzyć ten adres URL na stronie, na której się znajdujesz, dodając go na końcu bieżącego adresu URL.
Trzecia część kodu to kod obrazu.
Powinieneś mieć gotowe zdjęcie i przesłać je gdzieś, na przykład Photobucket lub za pośrednictwem własnego bloga, jeśli jest taka opcja.
<źródło img> oznacza „Źródło obrazu„.
Innymi słowy, źródło twojego wizerunku.
Łatwe, prawda?
Podobnie jak element linku, Twój kod po prostu Cię o to prosi gdzie znajduje się twój obraz.
Wprowadź adres URL swojego obrazu w czwartej części kodu, w cudzysłowach, jak pokazano.
Teraz miejsce docelowe obrazu = adres URL obrazu.
Ostatnia część kodu to element zamykający.
zamyka się link, jasne i proste. To wywołanie „a” z „a href” i kazanie mu przestać.
Oznacza to, że po twoim obrazie nic więcej nie powinno być połączone.
Jeśli pozostawisz to otwarte, wszystkie inne elementy na Twojej stronie następujące po tym kodzie również zostaną połączone.
Rzeczą do zapamiętania w HTML jest zawsze zamykaj swój kod.
Przećwicz to na swoich blogach lub stronach internetowych.
Spróbuj napisać to zamiast kopiować i wklejać.
Jak otworzyć link w nowym oknie
Innym szybkim przykładem, który chciałem pokazać, było otwieranie linku w nowym oknie/karcie.
Czasami chcesz zatrzymać odwiedzających w swojej witrynie, zamiast całkowicie odciągać ich od treści.
Oto jak wygląda ten kod:
Wszystko, co tutaj dodałem, to prosty link cel w ramach tego samego kodu łącza.
Cel oznacza po prostu miejsce, do którego chcesz skierować swój link. Zobacz, jak cytaty oddzielają każdą czynność?
Nadal są one zawarte w łączu do obrazu (), ale teraz każesz mu zrobić coś dodatkowego.
„_blank” to standardowa rozmowa HTML do otwierania w pusty (inaczej NOWE) okno.
Atrybut ALT
Na koniec porozmawiajmy o atrybucie ALT.
Aby określić, należy dodać atrybut Alt na końcu kodu obrazu alternatywny tekst w przypadku, gdy obraz nie może zostać wyświetlony.
Pomaga również wyświetlać obrazy w wynikach wyszukiwania grafiki w wyszukiwarce.
Oto jak dodać atrybut Alt poniżej:
Tekst alternatywny może być dowolny, ale powinien opisywać obraz.
Wszystko ma teraz sens, prawda?
Wszystko zależy od tego, jak powiążesz to, co możesz uznać za szalony język komputerowy, z normalnymi terminami.
Kiedy myślisz o tym w ten sposób, zaczyna klikać.
Jeśli masz jakieś pytania lub chcesz dać mi znać, co jeszcze chciałbyś zobaczyć, abym opisał, zapytaj w komentarzach poniżej!
