Lenker: Slik kobles nettet sammen
Lær hvordan du oppretter klikkbare lenker
Lenker: Slik kobles nettet sammen er en gratis leksjon i HTML for Kids på CoddyKit. Dette er leksjon 3 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i HTML for Kids, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i HTML for Kids inneholder totalt 4 leksjoner.
Lenker: Slik kobles nettet sammen
Velkommen til neste leksjon! I dag lærer De hvordan De kan opprette lenker i HTML. Lenker kobler sammen ulike nettsider og gjør det enkelt for brukere å navigere på internett.
Hva er lenker?
Lenker er klikkbare elementer på en nettside som tar Dem til en annen side, en bestemt del av en side eller til og med en fil.
Lenker opprettes ved hjelp av taggen <a>, som står for «anchor».
La oss opprette en enkel lenke!
Opprette en enkel lenke
For å opprette en lenke bruker De taggen <a> sammen med attributtet href. href angir lenkens mål.
Eksempel:
<a href="https://www.google.com">
Visit Google</a>
Åpne lenker i en ny fane
De kan få en lenke til å åpnes i en ny fane ved å legge til attributtet target="_blank" i taggen <a>.
Eksempel:
<a href="https://www.wikipedia.org"
target="_blank">Open Wikipedia in a New Tab</a>
Lenke til andre sider
Lenker kan også koble til andre sider på nettstedet Deres. Bruk en relativ URL (filnavnet) i stedet for en fullstendig nettadresse.
Eksempel:
<a href="about.html">About Us</a>
Lenke til bestemte deler
De kan lenke til en bestemt del av samme side ved å bruke en ID. Legg ID-en til elementet De vil lenke til, og bruk deretter #id i attributtet href.
Eksempel:
<!-- Link -->
<a href="#contact">Go to Contact Section</a>
<!-- Section -->
<h2 id="contact">Contact Us</h2>
<p>Email us at contact@example.com</p>
Lenke til e-postadresser
De kan opprette en lenke som åpner brukerens e-postprogram, ved å bruke mailto: i attributtet href.
Eksempel:
<a href="mailto:hello@example.com">
Send an Email</a>
Legge til verktøytips i lenker
De kan legge til et verktøytips som vises når brukeren holder pekeren over lenken, ved å bruke attributtet title.
Eksempel:
<a href="https://www.python.org"
title="Visit the Python website">Learn Python</a>
Godt jobbet!
Gratulerer! De har lært hvordan De kan opprette lenker, åpne dem i nye faner, lenke til bestemte deler og til og med lenke til e-postadresser. Lenker er selve ryggraden i nettet og kobler alt sammen. I neste leksjon lærer De hvordan De kan legge til bilder på nettsidene Deres. Gjør Dem klar til å gjøre sidene mer fargerike!
Lær deg HTML med en AI-veileder – gratis
Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.
- Kurs
- 16
- Leksjoner
- 35
Ofte stilte spørsmål
Er leksjonen «Lenker: Slik kobles nettet sammen» gratis?
Ja – hele teksten i «Lenker: Slik kobles nettet sammen» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av HTML for Kids-kurset, kan du oppgradere til CoddyKit PRO. Kurset i HTML for Kids inneholder totalt 4 leksjoner.
Hva lærer jeg i «Lenker: Slik kobles nettet sammen»?
Lær hvordan du oppretter klikkbare lenker Du øver på HTML for Kids med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.
Trenger jeg erfaring for å begynne med HTML for Kids?
Ingen tidligere erfaring er nødvendig. HTML for Kids på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 3 av 4.
Hvor lang tid tar leksjonen «Lenker: Slik kobles nettet sammen»?
De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.
Kan jeg skrive og kjøre kode i denne HTML for Kids-leksjonen?
Ja. Alle HTML for Kids-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.
Alle leksjonene i dette kurset
- Overskrifter og avsnitt
- Lister: ordnede og uordnede
- Lenker: Slik kobles nettet sammen
- Bilder: Legg til bilder på siden