HTML -lenker
Denne opplæringen vil dekke følgende måter å bruke HTML -lenker:
- De Tag for å spesifisere en lenke.
- De Tag innen Tag for å bruke et bilde som en lenke.
- De mål attributt av Tag for å spesifisere vinduet der du vil åpne det koblede nettstedet, dokumentet osv.
- De href attributt innen Tag for å spesifisere den målrettede destinasjonens lenke.
- De ved trykk Metode for å bruke knapp som lenke
HTML -tag
Det er en hyperkobling som brukes til å navigere fra en webside til en annen, den tar et attributt href For å spesifisere destinasjonsadressen. Som standard åpnes lenken i nettleserens nåværende vindu, men denne oppførselen kan endres ved hjelp av mål Egenskap.
Eksempel
La oss lage en hyperkobling for å hoppe fra det nåværende dokumentet til Linuxhint.com:
Koblinger i HTML
Klikk på lenken vil lede oss til Linuxhint.com:
HTML målattributt
I det ovennevnte eksemplet la vi merke til at når vi klikker på lenken, åpnet det koblede nettstedet i samme vindu. Målvinduet kan endres for den spesifiserte lenken ved å bruke mål Egenskap.
Målattributtet kan bruke en av følgende verdier for å definere målvinduet der lenken vil bli åpnet:
_selv: For å åpne lenken på samme vindu
_blank: åpner lenken på det nye vinduet
Hvis vi ikke spesifiserer målattributtet, vil koblingen som standard bli åpnet ved hjelp av "_selv" verdi i.e. på samme side.
Eksempel La oss vurdere følgende kodelinjer for å forstå hvordan "_blank" Verdien fungerer:
Koblinger i HTML
Følgende utdata vil bekrefte at lenken åpnes i en ny fane:
HTML HREF -attributt
href kan brukes til å spesifisere Absolutte nettadresser eller Relative lenker. De Absolutt url refererer til nettstedets komplette adresse e.g. “Https: // www.Linuxhint.com/”og brukes vanligvis til å koble ressursene på andre nettsteder. For eksempel tar eksemplet ovenfor en adresse som leder oss til Linuxhint.com.
Samtidig som Relative lenker Se en lokal lenke og brukes vanligvis til å koble ressursene på samme nettsted.
Eksempel Den undergitte koden har en absolutt lenke for “Linuxhint.com ”og en lokal lenke for et bilde“ Linux.PNG ”:
Koblinger i HTML
Ovennevnte utdrag vil generere følgende utgang:
Bilde som lenke
For å bruke bilde som en lenke må vi spesifisere Tag innen stikkord.
Eksempel Den undergitte koden vil opprette et bilde, og klikker på bildet åpner den spesifiserte lenken.
HTML -bilde som lenke
Klikk på bildet navigerer til Linuxhint.com
Vi får følgende utdata:
Knapp som lenke
I HTML kan en tag brukes til å opprette en knapp, og en kobling kan spesifiseres i knappekoden ved å bruke OnClick -hendelsen.
Eksempel Dette eksemplet vil opprette en knapp og klikke på knappen åpner en ny lenke:
HTML -bilde som lenke
Klikk på knappen navigerer til Linuxhint.com
Følgende vil være utgangen:
Konklusjon
De Tag brukes til å spesifisere en kobling i HTML ved hjelp av Href -attributtet som brukes til å bestemme koblingsadressen og målattributtet brukes til å spesifisere den målrettede fanen I.e. Åpne lenke i den nåværende fanen eller i en ny fane. Denne oppskrivningen gir en omfattende oversikt over koblingene i HTML. Det forklarer forskjellen mellom den absolutte banen og relativ bane. Det beskrev også hvordan du bruker bilde og knapp som en lenke.