Introduksjon til HTML-tekstkobling
En HTML-kobling kan være en lenke eller en hyperkobling. Dette brukes til å omdirigere til en annen side, bilde, nettsteder det kan være hva som helst. De pleide også å navigere på den samme siden for den aktuelle delen. De pleide å gjengi data, dokumentere bare ved å klikke på dem. Vi pakker bare inn dokumentet, bilder, url eller data i teksten. Det kan også peke på en fil, et objekt eller noe på den samme siden eller på den forskjellige siden, avhengig av kravet. Når vi holder musen over HTML-koblingen, endrer den markøren til et annet ikon. Vi kan diskutere hvordan de fungerer og hvordan de opprettes i neste del av artikkelen vår. I dette emnet skal vi lære om HTML Text Link.
Syntaks for HTML Link
Vi kan følge for å lage vår aller første HTML-kobling fra følgende syntaks nedenfor. I den gitte syntaks nedenfor skal vi bruke en annen tag, attributter og tilhørende egenskaper.
Link your corresponding text here
I syntaksen ovenfor bruker vi ankeretiketten for å lage en html-kobling eller en hyperkobling. Vi vil diskutere denne ankerlappen i detalj.
Ankeretiketten er et merke som vi kan knytte eller koble sammen vår tekst, frase eller ord for å opprette en ekstern eller intern lenke. Ved å bruke ankermerke oppretter vi URL til sidene våre som kan brukes til å navigere til hvilken som helst annen side, webside eller innenfor samme seksjon på siden.
Ved å bruke ankermerke har vi mange fordeler som er nevnt nedenfor.
- Organiser: Det hjelper å organisere dataene våre. Vi trenger ikke lage flere nettsider, trenger heller ikke å dele opp dataene våre i biter for administrasjonsformål. Vi kan enkelt organisere dataene våre på ett sted.
- Ingen rulle: Ved å bruke html-kobling eller vi kan si html interne lenker trenger vi ikke å bekymre oss for å rulle på virkelig lange sider, vi kan bare klikke på den lenken for å finne den ønskede delen på samme side. Så det gjør det enkelt å finne data eller seksjoner på siden.
Hvordan lage et ankermerke?
Som du ser i syntaksen ovenfor, har vi brukt så mange ting der borte nå, og vi vil se nærmere på hvordan vi lager og hvordan det fungerer.
I utgangspunktet består det av tre forskjellige deler (attributt):
- href attributt
- målattributt
- navn attributt
1. href attributt
Href-attributtet står for hypertekstreferanse. Anta at vi ønsker å opprette en hyperkobling, så det første kravet er dokumentadresse som kan være noe som et annet nettsted, hvilken som helst fil som PDF, etc.
So for example : Google
I denne http://www.google.com er verdien vi tildeler href-attributtet vårt. Så når vi klikker på Google, vil det omdirigere oss til å koble til Google-hjemmesiden. Derfor inneholder href-attributtet dokumentadressen. Vi kan også nevne vår egen HTML-kobling til href.
For eksempel
My page
2. målattributt
Målattributtet definerer hvordan dokumentet skal åpne. Den har mange typer, og vi kan bruke dem i henhold til våre behov.
- _parent: Det åpner bare det vedlagte dokumentet i overordnede rammer.
- _blank: Det åpner dokumentet i den nye fanen eller vinduet.
- _top: Det åpner det vedlagte dokumentet i hele vinduet.
- _self: Det åpner dokumentet i det samme vinduet eller samme fane som det er klikket i. Standard dette målet er aktivert. Vi kan endre det som nedenfor:
Your Link text
Her er target = ”_ blank” syntaksen for å bruke den.
3. navn attributt
Navneattributtet brukes til å hoppe eller navigere til et eller annet punkt på siden dette kan være nyttig når vi har en VRU-stor side med så mange innhold. Dette hjelper deg med å spare brukerens funn og tid uten å bla. Syntaks nedenfor:
or
I denne e klikker du bare for å gå til slutten av siden uten å rulle ned.
Section
Denne nettleseren vil identifisere seksjonen, men vi må bruke (#) med navnet attributtet.
Link your text
På denne måten kan vi referere til “tittelen” på en annen side internt. Her må også (#) brukes på slutten av adressen til siden.
HTML-kobling Farger
Vi kan også tilby farger på html-lenken vår. Som standard har de tre tilstander for koblingsfarge, dette vil vises i alle nettlesere.
- Aktiv lenke: Når vi klikker på en hvilken som helst lenke, blir den en aktiv lenke med en understreket og rød farge.
- Uviserte koblinger: Standard nettleserens standardfarge for de ubesøkte koblingene er blå og understreket.
- Besøkte lenker: Disse er lilla og understreket.
Men vi kan også tilby våre tilpassede farger å koble til ved hjelp av syntaks nedenfor. Vi kan følge denne forskjellige typen for å gi farge til lenken vår. Men vi bruker inline CSS her hvis du vil at du også kan opprette ekstern CSS.
- Oppgi navnet på fargen direkte.
- Ved å bruke HEX-fargekoden.
- Ved å bruke rgb () og rgba () verdier.
- Ved å bruke hsl og hsla () verdier.
Red Link
I dette kan vi direkte spesifisere fargenavnet i stilattributtet. Dette er en inline CSS.
Red color code
Her spesifiserer vi fargen ved å bruke fargekoder. (HEX fargekoder)
Red color
Vi kan også bruke RGB () -verdier for å spesifisere fargen på koblingene våre. Vi kan kontrollere fargens opacitet ved å bruke rgb ().
Red color
Vi kan erstatte rbg () med rgba (), men vi må spesifisere den fjerde verdien for åpenhet og ugjennomsiktig.
Red color
Vi kan også bruke HSL t farge lenken vår. HSL står i utgangspunktet for fargetone, metning og letthet. Vi kan også bruke HSLA for å spesifisere farge, men vi må oppgi en parameter til i hsla ().
Konklusjon - HTML tekstlink
Så i Sorter bruker vi ankermerke og attributter for å opprette hyperkoblingen eller lenken i HTML. HREF inneholder dokumentets adresse, målet som er ansvarlig for å håndtere dokumentet. Vi kan også fargelegge koblingen vår ved hjelp av inline eller ekstern CSS.
Anbefalte artikler
Dette er en guide til HTML Text Link. Her diskuterer vi hvordan du oppretter en ankermerk med HTML-koblingsfargene og syntaks for HTML-kobling. Du kan også se på følgende artikler for å lære mer -
- HTML-tekstredigerere
- Bildelink i HTML
- HTML-skjemakontroller
- Versjoner av HTML
- HTML-rammer
- HTML-blokker
- Angi en bakgrunnsfarge i HTML med eksempel