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

Kursusindhold

Ultimativ HTML

Ultimativ HTML

1. Forståelse af Webudvikling
Velkommen til HTML og WebudviklingHvad Er Internettet?Hvordan Fungerer Internettet?Forståelse af Hvordan Hjemmesider FungererFrontend og Backend Udvikling Forklaret
2. HTML Tags og Attributter
Forståelse af HTML-TagsArbejde med HTML-AttributterForståelse af Parrede og Enkeltstående Tags i HTMLTekstmarkering og Formatering i HTMLUdfordring: Opret Dit Første Webside AfsnitUdfordring: Byg en Personlig IntroduktionswebsideUdfordring: Design en FilmudstillingswebsideBrug af Links og Knapper i HTMLUdfordring: Opret Links til Populære WebsitesValidering af Din HTML-Kode for Bedste Praksis
3. HTML-Dokumentstruktur
Hemmelighederne Bag Velstrukturerede WebsiderForståelse af HTML-DokumentstrukturRollen af DokumenthovedetStyring af Dokumentflow og LayoutUdfordring: Strukturer et HTML-Dokument KorrektBrug af Udviklerværktøjer til HTML-Inspektion og Fejlfinding
4. Arbejde med Medier og Tabeller
Tilføjelse af Billeder i HTMLUdfordring: Arbejde Med BillederArbejde med Klikbare Billeder, Billedtekster og OptimeringForståelse af Vektor- og RastergrafikIndlejring af Lyd og Video til Rigt MedieindholdUdfordring: Indlejr Lyd og Video i HTMLOprette og Strukturere Tabeller i HTMLUdfordring: Design en Funktionel HTML-Table
5. HTML-Formularer og Brugerinput
Introduktion til HTML-FormularerGrundlæggende Om Formularoprettelse i HTMLBrug af Etiketter for Bedre Form AccessibilityForbedring af Formularer med InputattributterUdforskning af Forskellige Inputtyper i HTMLUdfordring: Opret Formular med Inputfelter og EtiketterArbejde Med the Textarea-Elementet Til Indtastning af Flere LinjerBrug af Select-Elementet til RullemenuerBrug af Datalist-Elementet til Foruddefinerede InputforslagGruppering af Formelementer for Bedre Struktur

book
Udfordring: Opret Links til Populære Websites

Mål

Opret en fængslende webside med en uordnet liste (<ul>) med links (<a>) til tre populære hjemmesider. Magien ligger i at sikre, at disse links åbner i nye faner, når de klikkes, hvilket forbedrer brugeroplevelsen og giver dem mulighed for at udforske hver destination ubesværet.

Opgave

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

  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

copy
  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å linksene til at åbne i nye faner, skal du inkludere target="_blank"-attributten inden for a-tagget.
index.html

index.html

copy
Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 9

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

course content

Kursusindhold

Ultimativ HTML

Ultimativ HTML

1. Forståelse af Webudvikling
Velkommen til HTML og WebudviklingHvad Er Internettet?Hvordan Fungerer Internettet?Forståelse af Hvordan Hjemmesider FungererFrontend og Backend Udvikling Forklaret
2. HTML Tags og Attributter
Forståelse af HTML-TagsArbejde med HTML-AttributterForståelse af Parrede og Enkeltstående Tags i HTMLTekstmarkering og Formatering i HTMLUdfordring: Opret Dit Første Webside AfsnitUdfordring: Byg en Personlig IntroduktionswebsideUdfordring: Design en FilmudstillingswebsideBrug af Links og Knapper i HTMLUdfordring: Opret Links til Populære WebsitesValidering af Din HTML-Kode for Bedste Praksis
3. HTML-Dokumentstruktur
Hemmelighederne Bag Velstrukturerede WebsiderForståelse af HTML-DokumentstrukturRollen af DokumenthovedetStyring af Dokumentflow og LayoutUdfordring: Strukturer et HTML-Dokument KorrektBrug af Udviklerværktøjer til HTML-Inspektion og Fejlfinding
4. Arbejde med Medier og Tabeller
Tilføjelse af Billeder i HTMLUdfordring: Arbejde Med BillederArbejde med Klikbare Billeder, Billedtekster og OptimeringForståelse af Vektor- og RastergrafikIndlejring af Lyd og Video til Rigt MedieindholdUdfordring: Indlejr Lyd og Video i HTMLOprette og Strukturere Tabeller i HTMLUdfordring: Design en Funktionel HTML-Table
5. HTML-Formularer og Brugerinput
Introduktion til HTML-FormularerGrundlæggende Om Formularoprettelse i HTMLBrug af Etiketter for Bedre Form AccessibilityForbedring af Formularer med InputattributterUdforskning af Forskellige Inputtyper i HTMLUdfordring: Opret Formular med Inputfelter og EtiketterArbejde Med the Textarea-Elementet Til Indtastning af Flere LinjerBrug af Select-Elementet til RullemenuerBrug af Datalist-Elementet til Foruddefinerede InputforslagGruppering af Formelementer for Bedre Struktur

book
Udfordring: Opret Links til Populære Websites

Mål

Opret en fængslende webside med en uordnet liste (<ul>) med links (<a>) til tre populære hjemmesider. Magien ligger i at sikre, at disse links åbner i nye faner, når de klikkes, hvilket forbedrer brugeroplevelsen og giver dem mulighed for at udforske hver destination ubesværet.

Opgave

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

  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

copy
  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å linksene til at åbne i nye faner, skal du inkludere target="_blank"-attributten inden for a-tagget.
index.html

index.html

copy
Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 9
some-alt