Introduktion til HTML-tekstlink
Et HTML-link kan være et link eller et hyperlink. Dette bruges til at omdirigere til en anden side, billede, websteder, det kan være hvad som helst. De brugte også til at navigere på den samme side for det bestemte afsnit. De plejede at gengive data, dokumentere bare ved at klikke på dem. Vi pakker bare vores dokument, billeder, url eller data ind i teksten. Det kan også pege på en fil, et objekt eller noget på den samme side eller på den forskellige side afhænger af kravet. Når vi holder musen hen over HTML-linket, ændrer den markøren til et andet ikon. Vi kan diskutere, hvordan de fungerer, og hvordan de oprettes i det næste afsnit af vores artikel. I dette emne skal vi lære om HTML Text Link.
Syntaks til HTML-link
Vi kan følge for at oprette vores allerførste HTML-link fra følgende syntaks nedenfor. I den givne syntaks nedenfor skal vi bruge et andet tag, attributter og deres tilhørende egenskaber.
Link your corresponding text here
I ovenstående syntaks bruger vi ankermærket til at oprette et html-link eller et hyperlink. Vi vil diskutere dette ankermærke i detaljer.
Ankermærket er et mærke, som vi kan vedhæfte eller linke vores tekst, sætning eller ord for at oprette et eksternt eller internt link. Ved at bruge ankermærke opretter vi URL på vores sider, der kan bruges til at navigere til enhver anden side, websted eller inden for det samme afsnit på siden.
Ved at bruge ankermærke har vi mange fordele, der er nævnt nedenfor.
- Organiser: Det hjælper med at organisere vores data. Vi har ikke brug for at oprette flere websider, og behøver heller ikke at opdele vores data i bunker til administrationsformål. Vi kan nemt organisere vores data ét sted.
- Ingen rulle: Ved at bruge html-link eller vi kan sige html interne links behøver vi ikke bekymre os om at rulle på virkelig lange sider, vi kan bare klikke på det link for at finde det ønskede afsnit på samme side. Så det gør det nemt at finde data eller afsnit på siden.
Sådan opretter du et ankermærke?
Som du kan se i ovenstående syntaks, har vi brugt så mange ting derovre nu, vi vil se nærmere på, hvordan man opretter og hvordan det fungerer.
Grundlæggende består det af tre forskellige dele (attribut):
- href attribut
- målattribut
- navn attribut
1. href attribut
Href-attribut står for hypertextreference. Antag, at vi ønsker at oprette et hyperlink, så det første krav er dokumentadresse, der kan ligne et andet websted, enhver fil som PDF osv.
So for example : Google
I denne http://www.google.com er den værdi, vi tildeler vores href-attribut. Så hver gang vi klikker på Google, omdirigerer det os til linket til Googles hjemmeside. Derfor indeholder href-attributten dokumentadressen. Vi kan også nævne vores eget HTML-link til href.
For eksempel
My page
2. målattribut
Målattributten definerer, hvordan dokumentet skal åbnes. Det har mange typer, og vi kan bruge dem i henhold til vores behov.
- _parent: Det åbner bare det vedhæftede dokument i den overordnede ramme.
- _blank: Det åbner dokumentet i den nye fane eller vindue.
- _top: Det åbner det vedhæftede dokument i det fulde vindue.
- _self: Det åbner dokumentet i det samme vindue eller den samme fane, hvor det er klikket på. Standard dette mål er aktiveret. Vi kan ændre det som nedenfor:
Your Link text
Her er target = ”_ blank” syntaksen til at bruge den.
3. navn attribut
Navnets attribut bruges til at hoppe eller navigere til et eller andet punkt på siden, dette kan være nyttigt, når vi har en VRU-stor side med så mange indhold. Dette hjælper med at spare brugerfund og tid uden at rulle. Syntaks nedenfor:
or
I denne e skal du blot klikke for at gå til slutningen af siden uden at rulle ned.
Section
Denne browser identificerer sektionen, men vi er nødt til at bruge (#) med navnet attribut.
Link your text
På dette punkt kan vi henvise til “titlen” på en anden side internt. Her skal også (#) bruges i slutningen af sidens adresse.
HTML-link Farver
Vi kan også levere farver til vores html-link. Som standard har de tre tilstande for linkfarve, dette vises i alle browsere.
- Aktivt link: Når vi klikker på et hvilket som helst link, bliver det et aktivt link med en understreget og rød farve.
- Ubesøgte links: Standard browsers standardfarve for de ikke-omtalte links er blå og understreget.
- Besøgte links: Disse er lilla og understregede.
Men vi kan også levere vores brugerdefinerede farver, der kan linkes ved hjælp af syntaks nedenfor. Vi kan følge denne forskellige type for at give farve til vores link. Men vi bruger inline CSS her, hvis du vil, du også kan oprette ekstern CSS.
- Angiv direkte navnet på farven.
- Ved at bruge HEX-farvekoden.
- Ved at bruge rgb () og rgba () værdier.
- Ved at bruge hsl- og hsla-værdier.
Red Link
I dette kan vi direkte specificere farvenavnet i stilattributten. Dette er en inline CSS.
Red color code
Her specificerer vi farven ved hjælp af farvekoder. (HEX farvekoder)
Red color
Vi kan også bruge RGB () -værdier til at specificere farven på vores links. Vi kan kontrollere farvernes opacitet ved hjælp af rgb ().
Red color
Vi kan erstatte rbg () med rgba (), men vi er nødt til at specificere den fjerde værdi for gennemsigtighed og uigennemsigtig.
Red color
Vi kan også bruge HSL t farve vores link. HSL står dybest set for farvetone, mætning og lethed. Vi kan også bruge HSLA til at specificere farve, men vi er nødt til at give en yderligere parameter i hsla ().
Konklusion - HTML-tekstlink
Så i Sort bruger vi ankermærke og dets attributter til at oprette hyperlinket eller linket i HTML. HREF indeholder dokumentets adresse, det mål, der er ansvarligt for at håndtere dokumentet. Vi kan også farve vores link ved hjælp af inline eller ekstern CSS.
Anbefalede artikler
Dette er en guide til HTML-tekstlink. Her diskuterer vi, hvordan man opretter et ankermærke med HTML-linkfarverne og syntaks til HTML-link. Du kan også se på de følgende artikler for at lære mere -
- HTML-teksteditorer
- Billedlink i HTML
- HTML-formkontroller
- Versioner af Html
- HTML-rammer
- HTML-blokke
- Indstil en baggrundsfarve i HTML med eksempel