Inleiding tot HTML-tekstlink
Een HTML-link kan een link of een hyperlink zijn. Dit wordt gebruikt om door te verwijzen naar een andere pagina, afbeelding of websites, het kan van alles zijn. Ze gebruikten ook om op dezelfde pagina te navigeren voor de specifieke sectie. Ze werden gebruikt om gegevens te documenteren, gewoon door erop te klikken. We verpakken ons document, afbeeldingen, url of gegevens gewoon in tekst. Het kan ook verwijzen naar een bestand, object of iets op dezelfde pagina of op een andere pagina, afhankelijk van de vereiste. Als we met de muis over de HTML-link gaan, verandert de cursor in een ander pictogram. We kunnen bespreken hoe ze werken en hoe ze te maken in het volgende gedeelte van ons artikel. In dit onderwerp gaan we meer te weten over HTML-tekstlink.
Syntaxis voor HTML-link
We kunnen volgen om onze allereerste HTML-link te maken uit de volgende syntaxis hieronder. In de onderstaande syntaxis gaan we een andere tag, attributen en hun bijbehorende eigenschappen gebruiken.
Link your corresponding text here
In de bovenstaande syntaxis gebruiken we de ankertag om een html-link of een hyperlink te maken. We zullen deze ankertag in detail bespreken.
De ankertag is een tag waarmee we onze tekst, zin of woord kunnen koppelen of koppelen om een externe of interne link te maken. Door een ankertag te gebruiken, creëren we een URL in onze pagina's die kan worden gebruikt om naar een andere pagina, website of binnen dezelfde sectie op de pagina te navigeren.
Door het gebruik van ankertag hebben we veel voordelen die hieronder worden vermeld.
- Organiseren: het helpt om onze gegevens te organiseren. We hoeven niet meerdere webpagina's te maken, we hoeven onze gegevens ook niet te splitsen in chunks voor het beheer, we kunnen onze gegevens eenvoudig op één plek ordenen.
- Geen scrollen: door html-link te gebruiken of we kunnen zeggen dat html interne links we ons geen zorgen hoeven te maken over scrollen op hele lange pagina's, we kunnen gewoon op die link klikken om de gewenste sectie op dezelfde pagina te vinden. Het is dus gemakkelijk om gegevens of secties op de pagina te vinden.
Hoe maak je een ankertag?
Zoals je kunt zien in de bovenstaande syntaxis, hebben we daar nu zoveel dingen gebruikt, we zullen eens nader kijken hoe we dit kunnen maken en hoe het werkt.
In principe bestaat het uit drie verschillende delen (attribuut):
- href-kenmerk
- doelkenmerk
- naam attribuut
1. href-kenmerk
Href-kenmerk staat voor hypertekstverwijzing. Stel dat we een hyperlink willen maken, dus de eerste vereiste is het documentadres dat van alles kan zijn zoals een andere website, elk bestand zoals PDF, enz.
So for example : Google
In deze http://www.google.com staat de waarde die we toekennen aan ons href-kenmerk. Dus wanneer we op Google klikken, wordt ons omgeleid naar de startpagina van Google. Daarom bevat het kenmerk href het documentadres. We kunnen ook onze eigen HTML-link naar href vermelden.
Bijvoorbeeld
My page
2. doelkenmerk
Het doelkenmerk definieert hoe het document wordt geopend. Het heeft vele soorten en we kunnen ze gebruiken volgens onze behoeften.
- _parent: het opent gewoon het bijgevoegde document in het bovenliggende frame.
- _blank: het opent het document in het nieuwe tabblad of venster.
- _top: hiermee wordt het bijgevoegde document in het volledige venster geopend.
- _self: het opent het document in hetzelfde venster of op hetzelfde tabblad waarop erop wordt geklikt. Standaard is dit doel ingeschakeld. We kunnen het als volgt wijzigen:
Your Link text
Hier is target = "_ blank" de syntaxis voor het gebruik ervan.
3. naamkenmerk
Het kenmerk name wordt gebruikt om naar een bepaald punt op de pagina te springen of te navigeren. Dit kan handig zijn als we een grote VRU-pagina hebben met zoveel inhoud. Dit helpt om het vinden van gebruikers en tijd te besparen zonder te bladeren. Syntaxis hieronder:
or
Klik hier eenvoudig op om naar het einde van de pagina te gaan zonder naar beneden te scrollen.
Section
Deze browser identificeert de sectie, maar we moeten (#) gebruiken met het kenmerk name.
Link your text
Hiermee kunnen we intern naar de 'titel' van een andere pagina verwijzen. Hier moet ook (#) worden gebruikt aan het einde van het adres van de pagina.
HTML-linkkleuren
We kunnen ook kleuren leveren aan onze html-link. Standaard hebben ze drie statussen voor linkkleur, deze verschijnen in alle browsers.
- Actieve link: wanneer we op een link klikken, wordt het een actieve link met een onderstreepte en rode kleur.
- Niet- bezochte links: standaardbrowser standaardkleur voor de niet-bezochte links is blauw en onderstreept.
- Bezochte links: deze zijn paars en onderstreept.
Maar we kunnen ook onze aangepaste kleuren leveren om te koppelen met behulp van onderstaande syntaxis. We kunnen dit verschillende type volgen om onze link kleur te geven. Maar we gebruiken hier inline CSS als u wilt, kunt u ook externe CSS maken.
- Geef direct de naam van de kleur op.
- Door de HEX-kleurcode te gebruiken.
- Door de waarden rgb () en rgba () te gebruiken.
- Door de waarden hsl en hsla () te gebruiken.
Red Link
Hierin kunnen we de kleurnaam rechtstreeks in het stijlkenmerk opgeven. Dit is een inline CSS.
Red color code
Hier specificeren we de kleur met behulp van kleurcodes. (HEX-kleurcodes)
Red color
We kunnen ook RGB () -waarden gebruiken om de kleur voor onze links op te geven. We kunnen de dekking van de kleur regelen met rgb ().
Red color
We kunnen rbg () vervangen door rgba (), maar we moeten de vierde waarde opgeven voor transparantie en ondoorzichtig.
Red color
We kunnen ook HSL gebruiken om onze link in te kleuren. HSL staat in feite voor tint, verzadiging en lichtheid. We kunnen ook HSLA gebruiken om kleur op te geven, maar we moeten nog een parameter opgeven in hsla ().
Conclusie - HTML-tekstlink
In Sort gebruiken we dus ankertag en de bijbehorende attributen om de hyperlink of link in HTML te maken. HREF bevat het adres van het document, het doel dat verantwoordelijk is voor de afhandeling van het document. We kunnen onze link ook kleuren met inline of externe CSS.
Aanbevolen artikelen
Dit is een gids voor HTML-tekstlink. Hier bespreken we het maken van een ankertag met de HTML-linkkleuren en de syntaxis voor HTML-link. U kunt ook de volgende artikelen bekijken voor meer informatie -
- HTML-teksteditors
- Afbeeldingslink in HTML
- HTML-formulierbesturing
- Versies van HTML
- HTML-frames
- HTML-blokken
- Stel een achtergrondkleur in HTML in met Voorbeeld