Når du har oprettet et par websider ved hjælp af HTML, vil du gerne forbinde dem til et større websted. Lær, hvordan du linker fra en side på dit websted til en anden, eller til et andet websted på internettet. Du kan endda sende dine besøgende til et bestemt sted på siden for at gemme dem rulletid.

Trin

Metode 1 af 2:

Link til en anden webside

1. Åbn din HTML-fil. Åbn HTML-filen for den side, du gerne vil redigere. (Hvis du starter fra bunden og har brug for nogle baggrundsoplysninger, Opret dokumentet Før du læser denne artikel.)

Billedet med titlen Opret et link med simpelt HTML-programmeringstrin 2

2. Placer et link på din side. Tilføj følgende kode til kroppen af dit HTML-dokument, hvor du vil have linket til at blive vist:

Link tekst

Dette skærmer som dette: Link tekst.

Billedet med titlen Opret et link med simpelt HTML-programmeringstrin 3

3. Skriv linketekst for at vise. Noget imellem og Tags vises på din side som et link. Du kan ændre dette med andre HTML-tags, ligesom du ville nogen anden tekst.

Du kan også vende et billede til et link:

.
Brugeren vil se billedbillederne / how-to-create-a-link-with-simple-html-programmering.jpg, og kan klikke på billedet for at besøge https: // da.maniqui-es.com /.

Billedet med titlen Opret et link med simpelt HTML-programmeringstrin 4

Skift destinationen for linket. Thetag du lige oprettet hedder en "anker." HREF-attributten inde i ankeret definerer destinationen for linket. Udskift https: // da.maniqui-es.com / i eksemplet ovenfor med den uri, du gerne vil linke til.

Sørg altid for URI med citatmærker.

Uris er sagerfølsomme. Kopi-pasta dem eller skriv dem i nøjagtigt som de vises.

Billedet med titlen Opret et link med simpelt HTML-programmeringstrin 5

5. Link til en side i samme mappe. Du behøver ikke at inkludere en fuld URL, hvis du linker til en side på samme websted (selvom den vil fungere). Det er nemmere at holde dit websted organiseret, hvis du bruger relative links i stedet uden at inkludere domænenavnet. Her er et simpelt eksempel, der forbinder fra en side til en anden i samme mappe:

Lad os sige, at du redigerer siden http: // Eksempel.edu / om / forfatter.html.

For at linke til siden http: // Eksempel.edu / om / familie.html, Indtast bare filnavnet:
Link tekst

Billedet med titlen Opret et link med simpelt HTML-programmeringstrin 6

6. Link til andre sider på din hjemmeside. Du kan også bruge relative links til at lede linket til en anden side på samme websted. Der er kun to ting, du har brug for at vide:

For at linke til en side i en undermappe, inkludere den nye filsti. For eksempel, hvis du er på siden http: // Eksempel.edu / om / forfatter.html og vil linke til http: // Eksempel.edu / om / kæledyr / hund.jpg, Du kan springe over alt op til "om:"
Link tekst

For at linke til en side i en anden gren af webstedet, brug "../" at flytte op til en højere mappe. For eksempel at linke fra / Om / Forfatter.html til http: // Eksempel.EDU / WRITING / BOOKS.html, type:
Link tekst

Metode 2 af 2:

Linking på en side

1. Opret en destination anker. Hvis du linker til en lang webside, vil du måske lede folk til et bestemt punkt på siden i stedet for toppen. For at gøre det muligt, skal du åbne HTML-dokumentet til destinationssiden. Indsæt dette anker tag på det punkt, du vil linke til:

Anker tekst.
Dette vil vise som normal tekst, da det er destinationen for et link og ikke et link selv. Du kan erstatte "anchorname" Med ethvert navn, så længe du ikke bruger det samme navn to gange på en side.

Billedet med titlen Opret et link med simpelt HTML-programmeringstrin 8

2. Link til destination anker. For at linke til et bestemt punkt på siden skal du tilføje symbolet # til slutningen af URI`en efterfulgt af det nøjagtige navn, du brugte til ID-attributten. Dette er sagerfølsomt.

For eksempel, for at linke til ankeret siden http: // eksempel.Edu / Vacation.HTML, Type:
Link tekst..

Du kan tilføje dette til absolutte eller relative links (se instruktioner i separat metode).

Billedet med titlen Opret et link med Simple HTML Programmering Trin 9

3. Tilføj et anker til ethvert HTML-tag. Du kan også oprette et anker ved at indsætte ID ="anchorname" ind i ethvert HTML-tag. Link til dette på nøjagtig samme måde. Her er et par eksempler: