Hoe Maak Je Een Hyperlink Op Een Website

Inhoudsopgave:

Hoe Maak Je Een Hyperlink Op Een Website
Hoe Maak Je Een Hyperlink Op Een Website

Video: Hoe Maak Je Een Hyperlink Op Een Website

Video: Hoe Maak Je Een Hyperlink Op Een Website
Video: How to create a hyperlink 2024, November
Anonim

Hyperlinks zijn het fundament waarop de structuur van het internet is gebouwd. Het zijn deze elementen van internetpagina's waarmee u de pagina's van sites in een enkel netwerk kunt koppelen. Laten we eens nader bekijken hoe hyperlinks in documenten worden ingevoegd.

Hyperlinks op sitepagina's
Hyperlinks op sitepagina's

instructies:

Stap 1

Hypertext-links zijn ontworpen om tekst, afbeeldingen of andere pagina-elementen te koppelen aan andere hypertext-documenten. Alle elementen van een sitepagina, inclusief links, worden gemaakt door de browser, die gedetailleerde instructies ontvangt van de paginacode die door de server naar hem wordt verzonden. Deze HTML-code (HyperText Markup Language) bestaat uit "tags" die het type, het uiterlijk en de locatie van alle elementen van een webpagina beschrijven. Een standaard hyperlink wordt aangemaakt door de browser wanneer deze de volgende tag in de paginacode tegenkomt, bijvoorbeeld de volgende tag: Tekstlink Hier is de openingslink-tag, - de afsluitende tag. De openingstag kan aanvullende informatie bevatten - "attributen". In deze eenvoudige link bevat het href-attribuut de URL van de pagina of ander document dat wordt opgevraagd als een bezoeker op de link klikt. Soms is het niet nodig om het volledige adres op te geven - als het gevraagde document zich op de server in dezelfde map (of een submap daarin) bevindt, volstaat het om alleen de naam of het pad naar de submap op te geven. Dergelijke adressen worden "relatief" genoemd, ze moeten bijvoorbeeld als volgt worden geschreven: Tekstlink Als u op deze link klikt, wordt het document moreText.html uit dezelfde map geladen. En absolute linkadressen beginnen met een protocol, bijvoorbeeld: Tekstlink Hier is "http" (HyperText Transfer Protocol) het gebruikelijke adres van een document op een netwerk. En als u het "mailto"-protocol specificeert, dan zal de hyperlink uw mailprogramma starten, in plaats van naar een andere pagina te gaan: e-maillink): Link naar archief

Stap 2

Een ander hyperlinkkenmerk dat aangeeft in welk venster dit nieuwe document moet worden geladen, is gespeld als "doel". Als u een correct adres in het href-attribuut kunt invoeren, kan doel slechts vier waarden hebben: _self - de pagina moet in hetzelfde venster of frame worden geladen. "Frames" verwijst naar een deel van een venster dat in verschillende delen is verdeeld; _parent - als de huidige pagina zelf vanuit een ander venster (of frame) is geladen, heeft het een "bovenliggend" venster. En de _parent waarde vereist dat de pagina waarnaar de link verwijst in dit bovenliggende venster wordt geladen; _top - de nieuwe pagina moet in hetzelfde venster worden geladen. Als dit venster in frames is verdeeld, worden ze bij het laden vernietigd en is de nieuwe pagina het enige frame in dit venster; _blank - er wordt een apart venster geopend om de link te volgen; Bijvoorbeeld:

Link opent in een nieuw venster

Stap 3

Het is mogelijk om een hyperlink te maken om niet naar een andere pagina te gaan, maar naar een bepaalde sectie van hetzelfde document. Om zo'n "bestemming" in de html-code van het document aan te geven, wordt een ankerlink gebruikt: En de link die door het document scrollt naar dit anker ziet er als volgt uit: Link naar het eerste anker van de pagina Je kunt niet alleen naar ankers linken in dit document, maar ook in andere: Anker in een andere paginaIn de html-code van een ander document moet natuurlijk zo'n ankerlink met het attribuutnaam = "Anchor1" bestaan.

Stap 4

Een hyperlink kan niet alleen tekst dienen, maar ook andere elementen van de pagina's - bijvoorbeeld afbeeldingen. De eenvoudigste tag die een afbeelding tekent, ziet er als volgt uit: En om de afbeelding een hyperlink te laten worden, moet deze worden ingesloten tussen de openings- en sluitingslink-tags:

Aanbevolen: