Wprowadzenie do linku tekstowego HTML
Link HTML może być linkiem lub hiperłączem. Służy do przekierowania na inną stronę, obraz, strony internetowe, może to być cokolwiek. Oni również nawigowali na tej samej stronie dla danej sekcji. Kiedyś renderowali dane, dokumentowali je po prostu klikając. Po prostu zawijamy nasz dokument, obrazy, adres URL lub dane w tekście. Może także wskazywać na plik, obiekt lub cokolwiek na tej samej stronie lub na innej stronie, zależnie od wymagań. Po najechaniu myszką na link HTML zmienia kursor na inną ikonę. Możemy omówić, jak działają i jak je tworzyć w następnej sekcji naszego artykułu. W tym temacie poznamy link tekstowy HTML.
Składnia HTML Link
Możemy wykonać nasz pierwszy link HTML z poniższej składni poniżej. W podanej poniżej składni użyjemy innego znacznika, atrybutów i odpowiadających im właściwości.
Link your corresponding text here
W powyższej składni używamy tagu kotwicy do utworzenia łącza HTML lub hiperłącza. Omówimy szczegółowo ten tag zakotwiczenia.
Tag kotwicy to tag, za pomocą którego możemy dołączyć lub połączyć nasz tekst, frazę lub słowo, aby utworzyć link zewnętrzny lub wewnętrzny. Używając tagu kotwicy, tworzymy adres URL na naszych stronach, który może być używany do nawigowania do dowolnej innej strony, witryny lub w tej samej sekcji na stronie.
Używając tagu kotwicy mamy wiele zalet wymienionych poniżej.
- Organizuj: Pomaga uporządkować nasze dane. Nie musimy tworzyć kilku stron internetowych, nie musimy też dzielić naszych danych na części w celu zarządzania, możemy łatwo organizować nasze dane tylko w jednym miejscu.
- Bez przewijania: Używając linku HTML lub możemy powiedzieć, że wewnętrzne linki HTML nie musimy się martwić przewijaniem naprawdę długich stron, wystarczy kliknąć ten link, aby znaleźć żądaną sekcję na tej samej stronie. Dzięki temu można łatwo znaleźć dowolne dane lub sekcje na stronie.
Jak utworzyć tag zakotwiczenia?
Jak widać w powyższej składni, użyliśmy tam tak wielu rzeczy, teraz przyjrzymy się, jak tworzyć i jak to działa.
Zasadniczo składa się z trzech różnych części (atrybut):
- atrybut href
- atrybut docelowy
- atrybut nazwy
1. atrybut href
Atrybut Href oznacza odwołanie hipertekstowe. Załóżmy, że chcemy utworzyć hiperłącze, więc pierwszym wymaganiem jest adres dokumentu, który może być czymkolwiek innym, jak inna strona internetowa, dowolny plik, taki jak PDF itp.
So for example : Google
W tym http://www.google.com jest wartość, którą przypisujemy naszemu atrybutowi href. Za każdym razem, gdy klikamy Google, przekierujemy nas do linku do strony głównej Google. Stąd atrybut href zawiera adres dokumentu. Możemy również wspomnieć o naszym własnym łączu HTML do href.
Na przykład
My page
2. atrybut docelowy
Atrybut docelowy określa sposób otwierania dokumentu. Ma wiele rodzajów i możemy z nich korzystać zgodnie z naszymi potrzebami.
- _parent: Po prostu otwiera załączony dokument do ramki nadrzędnej.
- _blank: Otwiera dokument w nowej karcie lub oknie.
- _top: Otwiera załączony dokument w pełnym oknie.
- _self: Otwiera dokument w tym samym oknie lub tej samej karcie, w której został kliknięty. Domyślnie ten cel jest włączony. Możemy to zmodyfikować jak poniżej:
Your Link text
Tutaj target = ”_ blank” to składnia do jego użycia.
3. atrybut nazwy
Atrybut name służy do przeskakiwania lub nawigowania do jakiegoś punktu na stronie, co może być przydatne, gdy mamy dużą stronę VRU z tak dużą zawartością. Pomaga to zaoszczędzić czas i czas na znalezienie użytkownika bez przewijania. Składnia poniżej:
or
W tym kliknij po prostu, aby przejść do końca strony bez przewijania w dół.
Section
Ta przeglądarka zidentyfikuje sekcję, ale musimy użyć (#) z atrybutem name.
Link your text
Dzięki temu możemy wewnętrznie odwoływać się do „tytułu” innej strony. Tutaj także (#) należy użyć na końcu adresu strony.
Łącze HTML Kolory
Możemy również dostarczyć kolory do naszego linku HTML. Domyślnie mają trzy stany koloru łącza, które pojawią się we wszystkich przeglądarkach.
- Aktywny link: Po kliknięciu dowolnego linku staje się on aktywnym linkiem z podkreślonym i czerwonym kolorem.
- Nieodwiedzone linki: Standardowy domyślny kolor przeglądarki dla niewidocznych linków jest niebieski i podkreślony.
- Odwiedzone linki: są fioletowe i podkreślone.
Ale możemy również zapewnić niestandardowe kolory do łączenia za pomocą poniższej składni. Możemy zastosować ten inny typ, aby nadać kolor naszemu linkowi. Ale używamy tutaj wbudowanego CSS, jeśli chcesz, możesz również utworzyć zewnętrzny CSS.
- Podaj bezpośrednio nazwę koloru.
- Za pomocą kodu koloru HEX.
- Używając wartości rgb () i rgba ().
- Za pomocą wartości hsl i hsla ().
Red Link
W tym możemy bezpośrednio określić nazwę koloru w atrybucie stylu. To jest wbudowany CSS.
Red color code
Tutaj określamy kolor za pomocą kodów kolorów. (Kody kolorów HEX)
Red color
Możemy również użyć wartości RGB (), aby określić kolor dla naszych linków. Możemy kontrolować krycie koloru za pomocą rgb ().
Red color
Możemy zamienić rbg () na rgba (), ale musimy określić czwartą wartość dla przezroczystości i nieprzezroczystości.
Red color
Możemy również użyć HSL t kolor naszego linku. HSL zasadniczo oznacza odcień, nasycenie i lekkość. Możemy również użyć HSLA do określania koloru, ale musimy podać jeszcze jeden parametr w hsla ().
Wniosek - link tekstowy HTML
Tak więc w Sort używamy tagu zakotwiczenia i jego atrybutów, aby utworzyć hiperłącze lub link w HTML. HREF zawiera adres dokumentu, cel odpowiedzialny za obsługę dokumentu. Możemy również pokolorować nasz link za pomocą wbudowanego lub zewnętrznego CSS.
Polecane artykuły
To jest przewodnik po HTML Text Link. Tutaj omawiamy sposób tworzenia znacznika zakotwiczenia za pomocą kolorów linku HTML i składni dla linku HTML. Możesz także zapoznać się z następującymi artykułami, aby dowiedzieć się więcej -
- Edytory tekstu HTML
- Link do obrazu w HTML
- Formanty HTML
- Wersje HTML
- Ramki HTML
- Bloki HTML
- Ustaw kolor tła w HTML za pomocą przykładu