Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Arbeta med länkar | HTML-Grunder
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML-Grunder

bookArbeta med länkar

Länkar, även kallade hyperlänkar, möjliggör för användare att navigera mellan webbsidor, resurser och olika former av kommunikation. I HTML skapas länkar med hjälp av <a>-taggen (ankartagg).

<a href="href-value">some text</a>

Attributet href inom <a>-taggen anger länkens destination. Det kan acceptera olika typer av URL:er, inklusive:

  • Absoluta URL:er: Anger den fullständiga adressen till den länkade resursen, inklusive protokoll (t.ex. "https://www.example.com");
  • Telefon-URL:er: Gör det möjligt för användare att initiera telefonsamtal direkt från webbläsaren när de klickar. Formateras som "tel:phone-number". Det är viktigt att inkludera landskod och ta bort eventuella specialtecken eller mellanslag från telefonnumret (t.ex. "tel:+123456789");
  • E-post-URL:er: Gör det möjligt för användare att skapa e-postmeddelanden vid klick. Formateras som "mailto:email-address". Det är viktigt att inkludera hela e-postadressen efter mailto: (t.ex. "mailto:example@example.com").

Exempel:

index.html

index.html

copy

I exemplet ovan:

  • <a>-taggen skapar hyperlänkar med olika destinationer;
  • Attributet href anger olika URL:er, inklusive absoluta URL:er, telefonnummer och e-postadresser.

Andra användbara attribut

<a>-taggen har flera attribut som kan användas för att specificera hyperlänks egenskaper. Några vanliga attribut inkluderar:

  • target="_blank": Anger var den länkade sidan ska öppnas. "_blank" öppnar länken i ett nytt fönster eller flik;
  • download: Anger att målet kommer att laddas ner när användaren klickar på hyperlänken. Detta attribut kan ha ett värde för att specificera filnamnet vid sparande av resursen.

Exempel:

index.html

index.html

copy

I detta exempel:

  • Attributet href anger URL:en till den länkade resursen;
  • Attributet target öppnar länken i ett nytt fönster eller flik.

1. Hur skapas länkar?

2. Vad anger attributet href i en <a>-tagg?

question mark

Hur skapas länkar?

Select the correct answer

question mark

Vad anger attributet href i en <a>-tagg?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 6

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Suggested prompts:

Can you explain more about the `download` attribute and how it works?

What other attributes can I use with the `<a>` tag?

Can you show examples of using `mailto:` and `tel:` links?

bookArbeta med länkar

Svep för att visa menyn

Länkar, även kallade hyperlänkar, möjliggör för användare att navigera mellan webbsidor, resurser och olika former av kommunikation. I HTML skapas länkar med hjälp av <a>-taggen (ankartagg).

<a href="href-value">some text</a>

Attributet href inom <a>-taggen anger länkens destination. Det kan acceptera olika typer av URL:er, inklusive:

  • Absoluta URL:er: Anger den fullständiga adressen till den länkade resursen, inklusive protokoll (t.ex. "https://www.example.com");
  • Telefon-URL:er: Gör det möjligt för användare att initiera telefonsamtal direkt från webbläsaren när de klickar. Formateras som "tel:phone-number". Det är viktigt att inkludera landskod och ta bort eventuella specialtecken eller mellanslag från telefonnumret (t.ex. "tel:+123456789");
  • E-post-URL:er: Gör det möjligt för användare att skapa e-postmeddelanden vid klick. Formateras som "mailto:email-address". Det är viktigt att inkludera hela e-postadressen efter mailto: (t.ex. "mailto:example@example.com").

Exempel:

index.html

index.html

copy

I exemplet ovan:

  • <a>-taggen skapar hyperlänkar med olika destinationer;
  • Attributet href anger olika URL:er, inklusive absoluta URL:er, telefonnummer och e-postadresser.

Andra användbara attribut

<a>-taggen har flera attribut som kan användas för att specificera hyperlänks egenskaper. Några vanliga attribut inkluderar:

  • target="_blank": Anger var den länkade sidan ska öppnas. "_blank" öppnar länken i ett nytt fönster eller flik;
  • download: Anger att målet kommer att laddas ner när användaren klickar på hyperlänken. Detta attribut kan ha ett värde för att specificera filnamnet vid sparande av resursen.

Exempel:

index.html

index.html

copy

I detta exempel:

  • Attributet href anger URL:en till den länkade resursen;
  • Attributet target öppnar länken i ett nytt fönster eller flik.

1. Hur skapas länkar?

2. Vad anger attributet href i en <a>-tagg?

question mark

Hur skapas länkar?

Select the correct answer

question mark

Vad anger attributet href i en <a>-tagg?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 6
some-alt