Zodra u een paar webpagina`s hebt gemaakt met behulp van HTML, wilt u ze verbinden op een grotere site. Leer hoe u van de ene pagina van uw site naar een andere of naar een andere site op internet kunt koppelen. U kunt uw bezoekers zelfs naar een specifieke plek op de pagina sturen om ze scrollende tijd op te slaan.

Stappen

Methode 1 van 2:

Linking Naar een andere webpagina

1. Open uw HTML-bestand. Open het HTML-bestand voor de pagina die u wilt bewerken. (Als u vanaf nul begint en wat achtergrondinformatie nodig hebt, Maak het document Voordat u dit artikel leest.)

Titel afbeelding Maak een link met eenvoudige HTML-programmering Stap 2

2. Plaats een link op uw pagina. Voeg de volgende code toe aan de behuizing van uw HTML-document, waar u wilt dat de link verschijnt:

verbind tekst

Dit wordt als volgt weergegeven: verbind tekst.

Titel afbeelding Maak een link met eenvoudige HTML-programmering Stap 3

3. Schrijf de linkstekst om weer te geven. Alles tussen de en Tags verschijnen op uw pagina als een link. U kunt dit wijzigen met andere HTML-tags, net zoals u andere tekst zou doen.

U kunt ook een afbeelding in een link draaien:

.
De gebruiker ziet de beeldafbeeldingen / how-to-create-a-link-with-simple-html-programmering.jpg, en kan op de afbeelding klikken om HTTPS te bezoeken: // ni.maniqui-es.com /.

Titel afbeelding Maak een link met eenvoudige HTML-programmering Stap 4

Wijzig de bestemming van de link. Thetag je hebt zojuist gemaakt, wordt een "anker." Het href-attribuut in het anker definieert de bestemming van de link. HTTPS vervangen: // ni.maniqui-es.com / in het bovenstaande voorbeeld met de URI die u wilt koppelen aan.

Omring altijd de URI met aanhalingstekens.

URI`s zijn hoofdlettergevoelig. Kopieer ze of typ ze precies zoals ze verschijnen.

Titel afbeelding Maak een link met eenvoudige HTML-programmering Stap 5

5. Link naar een pagina in dezelfde map. U hoeft geen volledige URL op te nemen als u linkt naar een pagina op dezelfde website (hoewel het werkt). Het is gemakkelijker om uw website georganiseerd te houden als u in plaats daarvan relatieve links gebruikt, zonder de domeinnaam op te nemen. Hier is een eenvoudige voorbeeld die van de ene pagina naar de andere in dezelfde map linkt:

Laten we zeggen dat u de pagina bewerkt http: // voorbeeld.edu / over / auteur.html.

Link naar de pagina http: // voorbeeld.edu / over / familie.html, Typ gewoon de bestandsnaam:
verbind tekst

Titel afbeelding Maak een link met eenvoudige HTML-programmering Stap 6

6. Link naar andere pagina`s op uw website. U kunt ook relatieve koppelingen gebruiken om de link naar een andere pagina op dezelfde site te sturen. Er zijn slechts twee dingen die u moet weten:

Om te linken naar een pagina in een submap, neemt u het nieuwe bestandspad op. Bijvoorbeeld, als u op de pagina staat http: // voorbeeld.edu / over / auteur.html en wil linken naar http: // voorbeeld.edu / ongeveer / huisdieren / hond.jpg, Je kunt alles overslaan naar "over:"
verbind tekst

Om te linken naar een pagina in een andere tak van de site, gebruikt u "../" om naar een hogere map te gaan. Bijvoorbeeld om te koppelen van /Over de auteur.html naar http: // voorbeeld.edu / schrijven / boeken.html, type:
verbind tekst

Methode 2 van 2:

Linking binnen een pagina

1. Maak een bestemmingsanker. Als u linkt naar een lange webpagina, wilt u misschien mensen naar een specifiek punt op de pagina leiden in plaats van de bovenkant. Om dit mogelijk te maken, opent u het HTML-document voor de bestemmingspagina. Plaats dit ankertag op het punt waarop u wilt koppelen naar:

Anker tekst.
Dit wordt weergegeven als normale tekst, omdat het de bestemming van een link is en geen link zelf. Je kunt vervangen "anchornam" met elke naam, zolang u niet dezelfde naam twee keer op één pagina gebruikt.

Titel afbeelding Maak een link met eenvoudige HTML-programmering Stap 8

2. Link naar het doel van de bestemming. Als u naar een specifiek punt op de pagina kunt koppelen, voegt u het symbool # toe aan het einde van de URI, gevolgd door de exacte naam die u hebt gebruikt voor het ID-kenmerk. Dit is hoofdlettergevoelig.

Om bijvoorbeeld naar het Anchoron de pagina HTTP: // voorbeeld te koppelen.edu / vakantie.HTML, Type:
verbind tekst..

U kunt dit toevoegen aan absolute of relatieve links (zie instructies in afzonderlijke methode).

Titel afbeelding Maak een link met eenvoudige HTML-programmering Stap 9

3. Voeg een anker toe aan een HTML-tag. U kunt ook een anker maken door ID = ="anchornam" in een HTML-tag. Link hierop op precies dezelfde manier. Hier zijn een paar voorbeelden:

Koptekst

Link hiernaar door #topheader aan de URL toe te voegen.

Paragraaf tekst

Link hiernaar door #introparagraph aan de URL toe te voegen.

Tips

Gebruik de door een nieuw venster om de gekoppelde pagina in een nieuw venster te maken "doelwit" attribuut:Ga naar WikiHow

U kunt Cascading Style Sheets (CSS) gebruiken om het uiterlijk van een link in alle vier de (4) toestanden te wijzigen: link, bezocht, zweven en actief.

Een tip indienen

Alle tip-inzendingen worden zorgvuldig beoordeeld voordat ze worden gepubliceerd

Indienen

Bedankt voor het indienen van een tip voor beoordeling!

Waarschuwingen

Wees er zeker van om het te sluiten om de Tag met een overeenkomstige . Als u dit vergeet te doen, zullen de meeste browsers de rest van de pagina-tekst in een link wijzigen!