Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Udfordring: Design en Filmudstillingswebside | 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: Design en Filmudstillingswebside

Mål

Opret en fængslende webside, der fremhæver dine yndlingsfilm ved hjælp af HTML-elementer, inklusive en uordnet liste (<ul>), en <h1> overskrift og flere afsnitselementer (<p>).

Opgave

Brug følgende elementer til at fremvise dine yndlingsfilm:

  1. Brug et <h1> element til hovedoverskriften. Teksten skal sige My Favorite Movies.
  2. Brug et <ul> element til at oprette en uordnet liste med mindst 3 filmtitler. Hver filmtitel skal være et listeelement (<li>).
  3. Efter <ul> elementet, brug flere <p> elementer til at skrive en kort beskrivelse af hver film. Hver films beskrivelse skal placeres i sit eget afsnit.
index.html

index.html

copy
  1. Brug h1 tag til at skabe hovedoverskriften.
  2. Brug ul tag til at skabe den uordnede liste.
  3. Brug li tag til at skabe elementet i den uordnede liste.
  4. Brug p tag til at skabe afsnittet.
index.html

index.html

copy
Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 7

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: Design en Filmudstillingswebside

Mål

Opret en fængslende webside, der fremhæver dine yndlingsfilm ved hjælp af HTML-elementer, inklusive en uordnet liste (<ul>), en <h1> overskrift og flere afsnitselementer (<p>).

Opgave

Brug følgende elementer til at fremvise dine yndlingsfilm:

  1. Brug et <h1> element til hovedoverskriften. Teksten skal sige My Favorite Movies.
  2. Brug et <ul> element til at oprette en uordnet liste med mindst 3 filmtitler. Hver filmtitel skal være et listeelement (<li>).
  3. Efter <ul> elementet, brug flere <p> elementer til at skrive en kort beskrivelse af hver film. Hver films beskrivelse skal placeres i sit eget afsnit.
index.html

index.html

copy
  1. Brug h1 tag til at skabe hovedoverskriften.
  2. Brug ul tag til at skabe den uordnede liste.
  3. Brug li tag til at skabe elementet i den uordnede liste.
  4. Brug p tag til at skabe afsnittet.
index.html

index.html

copy
Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 7
some-alt