När du har skapat ett par webbsidor med HTML, vill du ansluta dem till en större webbplats. Lär dig hur du länkar från en sida på din webbplats till en annan, eller till någon annan webbplats på Internet. Du kan även skicka dina besökare till en viss plats på sidan för att spara dem rullningstid.

Steg

Metod 1 av 2:

Länkar till en annan webbsida

1. Öppna din HTML-fil. Öppna HTML-filen för den sida du vill redigera. (Om du börjar från början och behöver lite bakgrundsinfo, Skapa dokumentet Innan du läser den här artikeln.)

Bild med titeln Skapa en länk med enkel HTML-programmeringssteg 2

2. Placera en länk på din sida. Lägg till följande kod till ditt HTML-dokument, där du vill att länken ska visas:

Länktext

Detta visar så här: Länktext.

Bild med titeln Skapa en länk med enkel HTML-programmeringssteg 3

3. Skriv länktexten för att visa. Något mellan och Taggar kommer att visas på din sida som en länk. Du kan ändra detta med andra HTML-taggar precis som du skulle ha någon annan text.

Du kan också vända en bild till en länk:

.
Användaren kommer att se bilden Bilder / How-Create-A-Link-med-enkel-HTML-programmering.jpg, och kan klicka på bilden för att besöka HTTPS: // shv.maniqui-es.com /.

Bild med titeln Skapa en länk med enkel HTML-programmeringssteg 4

Ändra länken destination. Thetag du bara skapade kallas en "ankare." HREF-attributet inuti ankaren definierar länken destination. Ersätt HTTPS: // shv.maniqui-es.com / i exemplet ovan med Uri du vill länka till.

Omger alltid URI med citattecken.

Uris är skiftlägeskänslig. Kopiera-klistra in dem eller skriva in dem exakt som de visas.

Bild med titeln Skapa en länk med enkel HTML-programmeringssteg 5

5. Länk till en sida i samma mapp. Du behöver inte inkludera en fullständig webbadress om du länkar till en sida på samma webbplats (även om det kommer att fungera). Det är lättare att hålla din webbplats organiserad om du använder relativa länkar istället, utan att inkludera domännamnet. Här är ett enkelt exempel som kopplar från en sida till en annan i samma mapp:

Låt oss säga att du redigerar sidan http: // Exempel.edu / om / författare.html.

För att länka till sidan http: // Exempel.edu / om / familj.html, Skriv bara filnamnet:
Länktext

Bild med titeln Skapa en länk med enkel HTML-programmeringssteg 6

6. Länk till andra sidor på din webbplats. Du kan också använda relativa länkar för att styra länken till någon annan sida på samma webbplats. Det finns bara två saker du behöver veta:

För att länka till en sida i en undermapp, inkludera den nya filvägen. Till exempel, om du är på sidan http: // Exempel.edu / om / författare.html och vill länka till http: // Exempel.edu / ca / husdjur / hund.jpg, Du kan hoppa över allt upp till "handla om:"
Länktext

För att länka till en sida i en annan gren av webbplatsen, använd "../" att flytta upp till en högre mapp. Till exempel, att länka från / Om / Författare.html till http: // Exempel.edu / skrivning / böcker.html, typ:
Länktext

Metod 2 av 2:

Länkar på en sida

1. Skapa ett destinationsanker. Om du länkar till en lång webbsida kanske du vill leda människor till en viss punkt på sidan istället för toppen. För att göra det möjligt, öppna HTML-dokumentet för destinationssidan. Sätt i den här ankaretiketten vid den punkt du vill länka till:

Ankare text.
Detta visas som vanlig text, eftersom det är destinationen för en länk och inte en länk själv. Du kan ersätta "ankarsam" med något namn, så länge du inte använder samma namn två gånger på en sida.

Bild med titeln Skapa en länk med enkel HTML-programmeringssteg 8

2. Länk till destinationsförankringen. För att länka till en viss punkt på sidan, lägg till symbolen # till slutet av URI, följt av det exakta namnet du använde för ID-attributet. Detta är skiftlägeskänsligt.

Till exempel, för att länka till Anchoron sidan http: // Exempel.edu / semester.HTML, Typ:
Länktext..

Du kan lägga till det till absoluta eller relativa länkar (se instruktioner i separat metod).

Bild med titeln Skapa en länk med enkel HTML-programmeringssteg 9

3. Lägg till ett ankare på vilken HTML-tagg. Du kan också skapa ett ankare genom att infoga ID ="ankarsam" in i någon HTML-tagg. Länk till detta på exakt samma sätt. Här är ett par exempel:

Rubrik

Länk till detta genom att lägga till #toPheader till webbadressen.

Stycke text

Länk till detta genom att lägga till #IntroPappeagraphy.

Tips

För att göra den länkade sidan öppen i ett nytt fönster, använd "mål" attribut:Gå till WikiHow

Du kan använda Cascading Style Sheets (CSS) för att ändra utseendet på en länk i alla fyra av sina (4) -stater: länk, besökt, svävar och aktiv.

Skicka in ett tips

Alla TIPS-inlägg är noggrant granskade innan de publiceras

Skicka in

Tack för att du skickat in ett tips för granskning!

Varningar

Var noga med att komma ihåg att stänga tagg med motsvarande . Om du glömmer att göra det, kommer de flesta webbläsare att ändra resten av sidtexten till en länk!