Javascript Element maken met Href

| | | | | | | | |

Een HTML-link brengt u naar een andere pagina. Een -tag definieert een ankerpunt. Het attribuut "href" geeft aan waar een gebruiker naartoe wordt geleid wanneer hij op de link klikt. Tussen de en de afsluitende -tag bevindt zich de ankertekst die aan de gebruiker wordt weergegeven.

Wanneer u een webpagina maakt, kunt u verwijzen naar een andere webpagina of website . U kunt bijvoorbeeld een blog starten en u wilt linken naar een artikel waarvan u denkt dat het relevant is.

Hyperlinks, of links, worden gebruikt om de ene webpagina naar de andere te linken en kunnen gebruikers snel navigeren tussen meerdere webpagina`s. hyperlinks kunnen worden gebruikt om naar andere pagina`s op uw site of naar pagina`s op andere sites te linken.

In deze handleiding bespreken we de basisprincipes van hyperlinks in HTML . We gaan het hebben over hoe de link samen doelen, hoe bladwijzerankers en links naar e-mailadressen en webelementen te creëren.

HTML-hyperlink

Een hyperlink-HTML verwijst naar een andere webbron. Een hyperlink wordt gedefinieerd tussen een tag en een afsluitende tag. De tekst tussen deze twee tags brengt de gebruiker naar de gekoppelde webbron wanneer op de link wordt geklikt.

Hyperlinks worden gemaakt met het label . Hier is de syntaxis voor link in een HTML-bestand:

de tekst tussen onze URL-linktags die we specificeren in onze openingstag . We gebruiken het kenmerk href om de bestemmings-URL te kiezen. Dit kan een absolute URL zijn of een absolute link zoals https://python.engineering of een URL naar een deel van onze site

Hier is een voorbeeld van een link die verwijst naar het webadres van de Karma Career-startpagina:

HTML-linktagtypes

Er zijn drie soorten links die in een browser kunnen worden bekeken. Dit zijn:

Sommige websites vervangen deze kleuren, wat betekent dat ze er anders uitzien, maar dit zijn de belangrijkste typen links die u kunt definiëren in HTML HTML-hyperlink

.: targets

U kunt de manier wijzigen waarop een link wordt geopend. Stel dat u bijvoorbeeld een link in een nieuw tabblad in de webbrowser van de gebruiker wilt openen. Dit zorgt ervoor dat de gebruiker zijn plaats niet verliest op de

webpagina die hij momenteel bekijkt. Dit is waar het linkkenmerk targetHTML van pas komt. Met de link target kunt u specificeren waar de browser de bron moet openen waarmee u verbinding hebt gemaakt

>

Er zijn vier soorten doelen die u kunt gebruiken, namelijk:.

Hier is een voorbeeld van enkele van deze links in actie:

Hyperlink HTM L: bladwijzerankers

Hyperlinks HTML kunnen ook verwijzen naar een specifiek deel van een HTML -document. Dit is handig als u een lange webpagina heeft en een gebruiker naar een bepaalde plaats in de tekst wilt leiden.

Voordat u ankers gaat gebruiken Voor bladwijzers moet u eerst een ID-attribuut instellen op het gewenste element de gebruiker om naar toe te gaan. Hier is een voorbeeld van het declareren van een ID-kenmerk op een titel op een webpagina:

we hebben de HTML-header-tag toegewezen met de id subtitle3, die we kunnen gebruiken als referentie in een link .

Hier is een voorbeeld van link die naar deze kop verwijst:

in plaats van een url op te geven in onze href tag, specificeren we de ID van het item waarnaar we willen linken. Laten we hash voor id (#) plaatsen, zodat de browser weet dat het gekoppelde document op onze webpagina staat.

HTML-ankertag

Een HTML-ankertag verwijst naar het label. Deze tag koppelt een gebruiker aan een andere webresource. Het kenmerk "href" definieert de bron waarnaar een gebruiker wordt doorverwezen wanneer hij op de link klikt.

Voorbeelden van HTML-ankertags

regard Laten we enkele voorbeelden geven van het gebruik van de HTML-tag.

Relatieve URL`s

Als je linkt naar een bron in hetzelfde HTML-document dat je aan het ontwikkelen bent, kun je een relatieve URL gebruiken. Relatieve URL`s worden ook lokale links genoemd en gebruiken geen " https: //www.sitename .com < / a> " syntaxis. in plaats daarvan verwijzen de relatieve URL`s naar een specifiek bestandspad Webbron op de lokale server.

Laten we zeggen dat we een link maken op de website van career Karma die naar onze blog zou moeten verwijzen. In plaats van een absolute URL te gebruiken, kunnen we een lokale URL gebruiken, omdat onze site de Karma Career-site is. Hier is de code die we zouden gebruiken om deze link te maken:

Toen we op de tekst Karma career blog klikten, werden we doorverwezen naar de bron /blog op onze site

e-mailadres

De ankertag kan ook worden gebruikt om naar een e-mailadres te linken. Wanneer u op een link naar een e-mailadres klikt, wordt het standaard e-mailprogramma van de gebruiker geopend. de . gebruiker wordt gevraagd of ze een bericht willen sturen naar het opgegeven e-mailadres

om verbinding te maken met een e-mailadres, moet u de link starten met het mailto-protocol: Hier is een voorbeeld van een link naar een e-mail adres in HTML:

Als we op onze link klikken, wordt ons e-mailprogramma geopend en wordt ons gevraagd een e-mail te sturen naar " [email protected] " De. ankertag kan linken naar een element op een webpagina. U kunt deze koppeling maken door de ID op te geven van het element waarnaar het anker moet verwijzen. Stel dat we een link willen die onze gebruiker naar de kop Onderwerptest op een webpagina brengt. We zouden deze link kunnen maken met de volgende code:

Als u op onze link klikt, scrolt onze webpagina naar het item met id test_heading .

conclusie

hyperlinks kunnen in HTML worden gebruikt om een webpagina of andere bron te koppelen. U kunt hyperlinks gebruiken om verbinding te maken met bronnen op uw site of een andere website.In In deze handleiding hebben we uitgelegd hoe u hyperlinks gebruikt in een HTML-document.

Met al deze informatie bent u klaar om hyperlinks te maken HTML als een meester!

Lees voor meer informatie over coderen in HTML onze Handleiding voor het leren van HTML .

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method