Jak wstawić hiperłącze do HTML? Twórz i używaj hiperłączy w HTML

Hipertekst to tekst zawierający link do innego tekstu. Przykładem mogą być uwagi autora dotyczące złożonych definicji lub przypisy tłumaczy u dołu strony książki, jeśli tekst znajduje się w obcym języku. Strony internetowe reprezentują złożony system przejść hipertekstowych z jednej strony na drugą, na samej stronie, a także między niezwiązanymi, pojedynczymi zasobami podmiotu. Ta struktura jest praktyczna, oszczędza dużo czasu, pozwala użytkownikowi szybko znaleźć potrzebne informacje i nie zgubić się w dużej liczbie przejść.


Wstawienie hiperłącza

W HTML, aby wstawić hiperłącze, używany jest deskryptor (znacznik)Jest to przykład wstawiania hiperłącza do dokumentu HTML, który jest wykonywany za pomocą znacznika. Odwiedzający stronę zobaczy podkreślony tekst, który różni się od koloru otaczającego tekstu (kolor linku HTML może być dowolny), "Strona domowa Google", która kliknie, trafi na główną stronę wyszukiwarki Google. Należy zauważyć, że tekst hiperłącza powinien zawierać informacje o tym, gdzie nastąpi przejście. Tę zasadę należy przestrzegać i przyjmować z reguły!


Struktura znacznika

Można zauważyć, że cały projekt tego znacznika nazywany jest elementem dokumentu WWW.
Zgodnie z regułami HTML niektóre elementy mogą zawierać inne elementy. Tag nie jest wyjątkiem. Jeśli programista musi zaznaczyć pogrubione słowo Google, toodbywa się to za pomocą znacznika [b] [/b] zgodnie z ogólnymi zasadami formatowania tekstu, przy zachowaniu sekwencji zagnieżdżonych znaczników. Webmaster musi wiedzieć, jak tworzyć hiperlinki w HTML-u bez błędów, w przeciwnym razie nie będą działać. Niedostępne linki do slangu komputerowego nazywane są "bitami". strona główna [b] Google [/b] Tutaj: element Google [/b] zawiera załącznik [b] Google [/b] Odwiedzający stronę zobaczy teraz hiperłącze wyróżnione pogrubioną czcionką z napisem "Google".

Hiperlinki bezwzględne

Hiperłącza używają bezwzględnych adresów URL stron zawierających nazwy domen (.ru, .com, .org, .gov), zwanych bezwzględnymi i mają następującą składnię: protokół: //nazwa domeny /ścieżka do plik Przykład ogólnoamerykańskiego adresu wyszukiwarki: https://aol.com - absolute, ponieważ zawiera nazwę domeny .com. Bezwzględne hiperłącza służą do przeskakiwania do stron innych witryn lub uzyskiwania dostępu do zasobów znajdujących się na innym serwerze. Przejście odbywa się za pomocą protokołów internetowych. Protokoły nie są tematem tego artykułu, ale ponieważ są one zaangażowane w tworzenie hiperłączy, należy wspomnieć przynajmniej krótko:
  • http i https są najbardziej rozpowszechnione; a następnie przejście między stronami internetowymi różnych stron;
  • ftp - protokół pobierania plików na serwer lub pobierania z użytkownikiem strony;
  • protokół mailto - mail, który wysyła wiadomości e-mail bezpośrednio z witryny bez wchodzenia w osobistą pocztę.
  • Jest jeszcze kilka specjalnych protokołówMiejsce docelowe (gopher, telnet) jest dość rzadkie, którego użycie wymaga specjalistycznej wiedzy w zakresie programowania lub administrowania systemem.

    Względne hiperłącza

    Kiedy względne adresowanie użycia hiperłączy w HTML służy do przechodzenia między zasobami i nie prowadzi do jego ograniczeń. Jeśli strona jest tak duża, że ​​pionowy pasek przewijania jest uruchomiony, czasami jest bardzo długi, na przykład w słownikach, bardzo wygodne i przydatne jest użycie względnych linków, aby szybko przejść do żądanej litery. Podczas tworzenia słownika internetowego programista na początku strony ma alfabet, a jeśli łącza nie były używane, użytkownik musiałby bardzo długo obracać kółkiem myszy, aby uzyskać literę "I".
    Aby utworzyć relatywne łącze, atrybut tagu nazwy jest poprzedzony znakiem kratki zakotwiczenia, bez którego zmiana na literę nie będzie działać.

    Względne adresowanie podczas tworzenia strony

    Wygodny i najczęściej stosowany algorytm do tworzenia strony przez programistę:
  • tworzenie folderu na komputerze i jego lokalizacji w miejscu szybkiego dostępu dla wygody;
  • utwórz główną stronę indeksu w tym folderze index.html;
  • tworzenie wtórnych stron internetowych (index.html /page2);
  • tworzenie folderu i umieszczanie w nim plików graficznych;
  • tworzenie folderu i umieszczanie w nim innych obiektów (na przykład plików do pobrania);
  • treść treści;
  • Hostowany hosting plików.
  • Konieczne jest użycie łącza do komunikacji między elementami witryny,i bardzo przy okazji wie, jak wstawić hiperłącze do HTML na innej stronie tej strony. Jeśli pliki witryny znajdują się w tym samym katalogu na jednym serwerze, nie ma potrzeby korzystania z adresowania bezwzględnego. Po przeniesieniu plików witryny do łącza hostingowego między obiektami zostaną zachowane, ponieważ będą hostowane w tym samym katalogu. Na przykład programista utworzył główną stronę strony index.html, która ma link do innej strony page2.html, ozdobionej img.png. Wtedy względna ścieżka do tego obrazu będzie wyglądała następująco: obraz Wskazówka: podczas studiowania tego tematu najlepiej jest użyć prostego edytora tekstu, ponieważ musisz nabyć umiejętność poprawnego zapisywania adresów przejścia i uczenia się, jak radzić sobie z czyimś kodem. Na tym etapie hiperłącze będzie dobrym wynikiem bez żadnych błędów w notatniku, HTML nie wybacza ich i nie powoduje błędów.

    Hiperłącza hiperłącza

    Domyślnie w bieżącym oknie przeglądarki otwiera się nowa strona, gdy użytkownik ją kliknie. Ale programista internetowy może zmienić domyślną wartość i wymusić otwarcie strony, na przykład w nowym oknie. Aby to zrobić, istnieje atrybut docelowy z własną wartością. Można to wyraźnie wyrazić jako tabelę. Wartość celu atrybutu

    _blank



    otwiera stronę w nowym oknie przeglądarki



    _self



    otwiera stronę w bieżącym oknie (domyślnie)



    _parent



    otwiera stronę na ramkę nadrzędną

    (54 )
    _top



    za pomocą ramek anuluje je wszystkie i otwiera stronę w oknie przeglądarki prąd

    Składnia atrybut target aplikacja: Strona główna Google "Google" otwiera w nowe okno. Uwaga: otwieranie stron w nowej karcie nie ma wartości dla tego atrybutu, i jest ustawiony przez użytkownika w ustawieniach przeglądarki.

    Kolor hiperłącza

    Doświadczony użytkownik Internetu ostatecznie musiał zauważyć, że hiperłącze różnią się kolorem od otaczającego tekstu, a są one zazwyczaj na niebiesko. Link, przez który przeszedł, a następnie powrócił na poprzednią stronę, staje się liliowy. Wykorzystanie hiperłączy w HTML w niestandardowym schemacie kolorów to tylko niektóre z najważniejszych wydarzeń na stronie.
    zadawane kolory ogniwem w znaczniku z wykorzystaniem atrybutów i ich wartości, która służy system kolorów RGB HTML (# 00FF00) lub wyraźnie wskazujący nazwę koloru («zielony»). Istnieją trzy typy atrybutów dla linków:
  • link - określa kolor odwiedzanego łącza;
  • vlink - Określa kolor łącza, na które użytkownik przeszedł;
  • alink - Określa kolor łącza w momencie przejścia na inną stronę. Dzieje się to szybko, więc nie zawsze możesz złapać ten efekt.
  • Przykładem markup: Jeśli zastosować te atrybuty znacznika łącza dokumentu internetowej będzie ciemnoniebieska odwiedził - fioletowy i aktywny - pomarańczowo-czerwony.

    hiperłącze zdjęcia

    Postęp i rozwój projektowanie stron internetowych wymaga, aby wiedzieć, jak wstawić hiperłącza w HTML jakoobraz Oczywiste jest, że obraz musi pasować do zawartości strony docelowej. Na przykład główna strona witryny poświęcona roślinom leczniczym może zostać przedstawiona w postaci zdjęć roślin, klikając na której użytkownik przechodzi na stronę opisującą właściwości lecznicze rośliny. Powszechnie stosowana metoda zastępowania przycisków statycznych () na pięknej grafice, stworzonej przez webmastera w edytorach graficznych (GIMP, Photoshop).
    Aby wstawić grafikę jako hiperłącza do stron przy użyciu tej samej składni, ale zamiast używać znacznika tekstu wstawia zasadami obrazu HTML: tag
    W przypadku połączenia zostały wykonane z serwisu, trzeba mieć nie tylko link do numeru telefonu, ale z zestawu słuchawkowego (mikrofon, słuchawki) zainstalowanych na komputerze aplikacji VoIP prędkości internetu ograniczony do 05 MB /sek. Płatność za połączenia jest naliczana według kosztu ruchu. Dlatego, jeśli Internet jest nieograniczony, połączenia są bezpłatne.

    Etyka tworzenia hiperłączy

    Poprzez umieszczenie witryny w Internecie, webmaster powinien wiedzieć, jakie typy hiperłączy są w HTML, a nie tylko profesjonalnie je zastosować, ale także stosować się do następujących postanowień:
  • hiperłącze muszą być łatwo dostrzegalne , różni się od otaczającego tekstu. Użytkownik powinien wiedzieć, że jest to hiperlink.
  • Użytkownik powinien wiedzieć, gdzie uderzy, klikając łącze. Aby to zrobić, zaleca się użycie atrybutu title, który krótko opisuje stronęprzejście Składnia aplikacji z atrybutami to:
  • Yandex
  • Użytkownik musi uzyskać poprawne informacje o pliku, który zostanie pobrany po połączeniu z linkiem.
  • Po zjechaniu na niewłaściwą stronę lub pobraniu niewłaściwego pliku użytkownik opuści witrynę natychmiast w 99% przypadków i nigdy nie wejdzie na stronę w przyszłości.

    Anti-Seo podczas tworzenia hiperłączy

    Oprócz strony technicznej, kwestia wstawiania hiperłączy do HTML powinna również podkreślać aspekt moralny. Istnieje wiele witryn, z których użytkownicy są blokowani przez programy zabezpieczające (antywirusowe) lub nawet przez państwo. Są to witryny utworzone przez niezabezpieczonych twórców stron internetowych.
    Jedną z sztuczek, których używają, jest wstawienie hiperłącza "niewidocznego" do strony internetowej. Oszuści wiedzą, jak utworzyć hiperłącze w HTML i wykorzystują atrybuty do usuwania podkreślenia linku i przypisywania mu koloru otaczającego tekstu, tak aby przeciętny użytkownik go nie widział. A z innymi narzędziami internetowymi (CSS, javascript, PHP) możesz zaprogramować swoje zachowanie. Na przykład zdarzenie onmouseover języka javascript aktywuje działanie elementu strony internetowej. Gdy użytkownik kliknie niewidoczny link, klika na stronę reklamy innej witryny. Lub gorzej, gdy istnieje niewidoczny link do pliku i rozpoczyna się pobieranie i instalowanie niepotrzebnego oprogramowania na swoim komputerze. Zazwyczaj są to wirusy, które zmieniają stronę główną przeglądarki, zagracają dysk twardy do masy programów i tak dalej. Wkrótce sąwitryny należą do "czarnej listy" baz danych wirusów, systemów bezpieczeństwa i samych użytkowników Internetu. Takie strony nie żyją długo i muszą zmieniać swoje nazwy, bez końca migrować przez Internet, zmieniając dostawców hostów. Nie promuje to promocji strony, do której zawsze dąży jej twórca, nigdy nie sprawi, że będzie to megaportal, jak na przykład portale społecznościowe. Między innymi takie techniki powodują wiele negatywnych emocji u osób dotkniętych tymi działaniami.

    Powiązane publikacje