Linki HTML

Linki HTML
Linki odgrywają bardzo znaczącą rolę w tworzeniu stron internetowych. Byliśmy świadkami linków na prawie każdej stronie internetowej. Linki można wykorzystać na kilka sposobów do wykonywania różnych funkcji, takich jak nawigacja z jednej strony na drugą.

Ten samouczek obejmie następujące sposoby wykorzystania linków HTML:

  • znacznik, aby określić link.
  • tag w znacznik do użycia obrazu jako linku.
  • cel atrybut znacznik, aby określić okno, w którym chcesz otworzyć połączoną witrynę, dokument itp.
  • Href atrybut wewnątrz znacznik, aby określić link docelowego miejsca docelowego.
  • na kliknięcie metoda używania przycisku jako linku

Tag HTML

Jest to hiperłącze używane do nawigacji z jednej strony na drugą, wymaga atrybutu Href Aby określić adres docelowy. Domyślnie link zostanie otwarty w bieżącym oknie przeglądarki, jednak to zachowanie można zmodyfikować za pomocą cel atrybut.

Przykład
Utwórzmy hiperłącze, aby przeskakiwać z bieżącego dokumentu do Linuxhint.com:



Linki w HTML


Witamy w Linuxhint.com!



Kliknięcie linku skieruje nas do Linuxhint.com:

Atrybut docelowy HTML

W powyższym przykładzie zauważyliśmy, że po kliknięciu linku połączona witryna otwarto w tym samym oknie. Okno docelowe można zmodyfikować dla określonego łącza za pomocą cel atrybut.

Atrybut docelowy może użyć jednej z następujących wartości, aby zdefiniować okno docelowe, w którym link zostanie otwarty:

_samego siebie: Aby otworzyć link w tym samym oknie

_pusty: Otwiera link do nowego okna

Jeśli nie określliśmy atrybutu docelowego, domyślnie link zostanie otwarty za pomocą za pomocą "_samego siebie" wartość i.mi. na tej samej stronie.

Przykład Rozważmy następujące wiersze kodu, aby zrozumieć, jak "_pusty" Wartość działa:



Linki w HTML


Witamy w Linuxhint.com!



Poniższe dane wyjściowe sprawdzi, czy link zostanie otwarty w nowej karcie:

Atrybut HTML HREF

Href można użyć do określania Absolutne adresy URL albo Względne linki. Absolutny adres URL odnosi się do pełnego adresu witryny E.G. „Https: // www.Linuxhint.com/”i jest ogólnie używany do łączenia zasobów na innych stronach. Na przykład powyższy przykład bierze adres, który kieruje nas do Linuxhint.com.

Chwila Względne linki patrz link lokalny i są ogólnie używane do połączenia zasobów w tej samej stronie internetowej.

Przykład Kod pod względem podanym poniżej ma absolutny link do „Linuxhint.com ”i lokalny link do obrazu„ Linux.png ”:



Linki w HTML


Witamy w Linuxhint.com!


Obraz



Powyższy fragment wygeneruje następujące dane wyjściowe:

Obraz jako link

Aby użyć obrazu jako linku, musimy określić tag w etykietka.

Przykład Poniższy kod utworzy obraz, kliknięcie obrazu otworzy określony link.



Obraz HTML jako link


Kliknięcie obrazu przejdzie do Linuxhint.com





Otrzymamy następujące dane wyjściowe:

Przycisk jako link

W HTML można użyć znacznika do utworzenia przycisku, a link można określić w znaczniku przycisku za pomocą zdarzenia OnClick.

Przykład Ten przykład utworzy przycisk, a kliknięcie przycisku otworzy nowy link:



Obraz HTML jako link


Kliknięcie przycisku będzie przejść do Linuxhint.com




Poniżej pojawi się wyjście:

Wniosek

Tag służy do określenia linku w HTML za pomocą jego atrybutu HREF, który służy do określenia adresu łącza, a atrybut docelowy służy do określenia karty ukierunkowanej i.mi. Otwarcie linku na bieżącej karcie lub w nowej karcie. Ten zapis zawiera kompleksowy przegląd linków w HTML. Wyjaśnia różnicę między ścieżką bezwzględną a ścieżką względną. Opisał także, jak używać obrazu i przycisku jako linku.