Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Challenge: Opret Links til Populære Hjemmesider | HTML Tags og Attributter
Ultimativ HTML

Challenge: Opret Links til Populære Hjemmesider

Stryg for at vise menuen

Mål

Opret en fængende webside med en uordnet liste (<ul>) med links (<a>) til tre populære hjemmesider. Det vigtige er, at disse links åbner i nye faner, når de klikkes, hvilket forbedrer brugeroplevelsen og gør det nemt at udforske hver destination.

Opgave

Brug følgende elementer til at skabe en spændende weboplevelse:

  1. Opret en uordnet liste med tre elementer ved hjælp af et <ul>-element.
  2. Hvert listeelement skal indeholde et link (<a>) til en populær hjemmeside og dens navn.
  3. Listen skal indeholde følgende elementer:
    • "Apple" - Link til Apples hjemmeside: https://www.apple.com/;
    • "Amazon" - Link til Amazons hjemmeside: https://www.amazon.com/;
    • "Netflix" - Link til Netflix' hjemmeside: https://www.netflix.com/.
index.html

index.html

Tip
expand arrow
  1. Brug <ul>-tagget til at oprette en uordnet liste;
  2. Brug <li>-tagget til at oprette listeelementer for hvert webstedslink;
  3. Brug <a>-tagget til at oprette links og angiv webstedets URL ved hjælp af href-attributten;
  4. For at få linkene til at åbne i nye faner, tilføj attributten target="_blank" inde i <a>-tagget.
Løsning
expand arrow
<ul>
  <li>
    <a href="https://www.apple.com/" target="_blank">Apple</a>
  </li>
  <li>
    <a href="https://www.amazon.com/" target="_blank">Amazon</a>
  </li>
  <li>
    <a href="https://www.netflix.com/" target="_blank">Netflix</a>
  </li>
</ul>
Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 11

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Sektion 2. Kapitel 11
some-alt