Kursusindhold

Ultimativ HTML

1. Forståelse af Webudvikling

Velkommen til HTML og Webudvikling Hvad Er Internettet?Hvordan Fungerer Internettet?Forståelse af Hvordan Hjemmesider Fungerer Frontend og Backend Udvikling Forklaret

2. HTML Tags og Attributter

Forståelse af HTML-Tags Arbejde med HTML-Attributter Forståelse af Parrede og Enkeltstående Tags i HTML Tekstmarkering og Formatering i HTML Udfordring: Opret Dit Første Webside Afsnit Udfordring: Byg en Personlig Introduktionswebside Udfordring: Design en Filmudstillingswebside Brug af Links og Knapper i HTML Udfordring: Opret Links til Populære Websites Validering af Din HTML-Kode for Bedste Praksis

3. HTML-Dokumentstruktur

Hemmelighederne Bag Velstrukturerede Websider Forståelse af HTML-Dokumentstruktur Rollen af Dokumenthovedet Styring af Dokumentflow og Layout Udfordring: Strukturer et HTML-Dokument Korrekt Brug af Udviklerværktøjer til HTML-Inspektion og Fejlfinding

4. Arbejde med Medier og Tabeller

Tilføjelse af Billeder i HTML Udfordring: Arbejde Med Billeder Arbejde med Klikbare Billeder, Billedtekster og Optimering Forståelse af Vektor- og Rastergrafik Indlejring af Lyd og Video til Rigt Medieindhold Udfordring: Indlejr Lyd og Video i HTML Oprette og Strukturere Tabeller i HTML Udfordring: Design en Funktionel HTML-Table

5. HTML-Formularer og Brugerinput

Introduktion til HTML-Formularer Grundlæggende Om Formularoprettelse i HTML Brug af Etiketter for Bedre Form Accessibility Forbedring af Formularer med Inputattributter Udforskning af Forskellige Inputtyper i HTML Udfordring: Opret Formular med Inputfelter og Etiketter Arbejde Med the Textarea-Elementet Til Indtastning af Flere Linjer Brug af Select-Elementet til Rullemenuer Brug af Datalist-Elementet til Foruddefinerede Inputforslag Gruppering af Formelementer for Bedre Struktur

Udfordring: Indlejr Lyd og Video i HTML

Mål

Skab en engagerende multimedieoplevelse for webstedets besøgende ved at inkorporere både lyd- og videoindhold.

Opgave

Tag webstedet til det næste niveau ved at fordybe brugerne i en fængslende multimedieoplevelse. Din opgave er at:

For lyden: indlejre en lydfil, der skaber en beroligende atmosfære for brugerne at slappe af. Brug følgende link til lyden:

For videoen: integrer en video, der lader brugerne nyde skønheden af naturens skabninger. Brug følgende link til videoen:

Tilføj afspilningskontroller som afspil og pause.
Tilføj filtyper.

index.html

index.css

Brug audio-tagget til at angive et lydelement.
Brug video-tagget til at angive et videoelement.
Brug controls-attributten for at give brugerne mulighed for at styre lyd- eller videoplayback.
Brug src-attributten til at angive filens placering. Sørg for nøjagtig kopiering af links fra opgaven.
Brug type="audio/mp3" for at angive den korrekte filtype for lyden.
Brug type="video/mp4" for at angive den korrekte filtype for videoen.

index.html

index.css

Var alt klart?

Tak for dine kommentarer!

Sektion 4. Kapitel 6

Spørg AI

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

Kursusindhold

Ultimativ HTML

1. Forståelse af Webudvikling

Velkommen til HTML og Webudvikling Hvad Er Internettet?Hvordan Fungerer Internettet?Forståelse af Hvordan Hjemmesider Fungerer Frontend og Backend Udvikling Forklaret

2. HTML Tags og Attributter

3. HTML-Dokumentstruktur

4. Arbejde med Medier og Tabeller

5. HTML-Formularer og Brugerinput

Udfordring: Indlejr Lyd og Video i HTML

Mål

Skab en engagerende multimedieoplevelse for webstedets besøgende ved at inkorporere både lyd- og videoindhold.

Opgave

Tag webstedet til det næste niveau ved at fordybe brugerne i en fængslende multimedieoplevelse. Din opgave er at:

For lyden: indlejre en lydfil, der skaber en beroligende atmosfære for brugerne at slappe af. Brug følgende link til lyden:

For videoen: integrer en video, der lader brugerne nyde skønheden af naturens skabninger. Brug følgende link til videoen:

Tilføj afspilningskontroller som afspil og pause.
Tilføj filtyper.

index.html

index.css

Brug audio-tagget til at angive et lydelement.
Brug video-tagget til at angive et videoelement.
Brug controls-attributten for at give brugerne mulighed for at styre lyd- eller videoplayback.
Brug src-attributten til at angive filens placering. Sørg for nøjagtig kopiering af links fra opgaven.
Brug type="audio/mp3" for at angive den korrekte filtype for lyden.
Brug type="video/mp4" for at angive den korrekte filtype for videoen.

index.html

index.css

Var alt klart?

Tak for dine kommentarer!

Sektion 4. Kapitel 6