Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Challenge: Opprett lenker til populære nettsteder | HTML-Koder og Attributter
Ultimate HTML

Challenge: Opprett lenker til populære nettsteder

Sveip for å vise menyen

Mål

Opprett en fengende nettside med en punktliste (<ul>) som inneholder lenker (<a>) til tre populære nettsteder. Magien ligger i at disse lenkene åpnes i nye faner når de klikkes på, noe som gir en bedre brukeropplevelse og lar brukeren utforske hvert reisemål uten avbrudd.

Oppgave

Bruk følgende elementer for å skape en spennende oppdagelsesopplevelse på nettet:

  1. Lag en punktliste med tre elementer ved hjelp av et <ul>-element.
  2. Hvert listeelement skal inneholde en lenke (<a>) til et populært nettsted og dets navn.
  3. Listen skal inneholde følgende elementer:
    • "Apple" – Lenke til Apples nettsted: https://www.apple.com/;
    • "Amazon" – Lenke til Amazons nettsted: https://www.amazon.com/;
    • "Netflix" – Lenke til Netflix sitt nettsted: https://www.netflix.com/.
index.html

index.html

Tips
expand arrow
  1. Bruk <ul>-taggen for å lage en punktliste;
  2. Bruk <li>-taggen for å lage listeelementer for hver nettsidelenke;
  3. Bruk <a>-taggen for å lage lenker og angi nettadressen ved hjelp av href-attributtet;
  4. For å åpne lenkene i nye faner, inkluder attributtet target="_blank" inne i <a>-taggen.
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>
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 11

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Seksjon 2. Kapittel 11
some-alt