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: Strukturer et HTML-Dokument Korrekt

Mål

Byg den korrekte webside ved at skabe en grundlæggende HTML-dokumentstruktur. Denne struktur er rygraden i hver HTML-side og består af essentielle elementer, som browsere har brug for for at gengive dit indhold korrekt.

Bemærk

Lad dig ikke narre af websidens tilsyneladende enkelhed i designet. Selvom det kan virke ligetil, er det stadig afgørende at opretholde den korrekte dokumentstruktur. Dette sikrer, at websiden bevarer læsbarhed og funktionalitet på tværs af alle browsere.

Opgave

Opret en grundlæggende HTML-dokumentstruktur. Hvis du allerede er sikker på dine evner, er du velkommen til at fortsætte uden trin-for-trin vejledningen. Men hvis du ønsker lidt mere vejledning, er der en trin-for-trin gennemgang tilgængelig for at hjælpe dig på vej.

Trin-for-Trin Vejledning

Trin 1: Start HTML-dokumentet

Begynd med at skrive HTML-doctype-deklarationen, som fortæller browseren, at dokumentet er skrevet i HTML. Deklarationen skal være den første linje i dit HTML-dokument:

index.html

Trin 2: Tilføj de åbne og lukkende html-tags

Efter doctype-deklarationen skal du tilføje de åbne og lukkende HTML-tags. Hele HTML-dokumentets struktur vil være indeholdt inden for disse tags. Inkluder desuden lang attributten for at specificere dokumentets sprog:

index.html

Trin 3: Opret head-sektionen

Tilføj de åbne og lukkende <head> tags inde i HTML-tagsene. Head-sektionen indeholder meta-information om HTML-dokumentet, såsom titlen og links til eksterne stylesheets:

index.html

Trin 4: Tilføj titlen

Inden for <head> tagsene, tilføj de åbne og lukkende <title> tags. Teksten du indtaster mellem disse tags vil blive vist som titlen på websiden i browserens titelbjælke eller fane:

index.html

Trin 5: Opret body-sektionen

Efter <head>-sektionen, tilføj de åbne og lukkende <body>-tags. Body-sektionen indeholder det synlige indhold på websiden:

index.html

Trin 6: Tilføj indhold til body

Du kan tilføje elementer inden for <body>-tags, såsom overskrifter, afsnit, billeder, links osv. Her er et eksempel på at tilføje en overskrift og et afsnit:

index.html

Prøv det selv

index.html

Var alt klart?

Tak for dine kommentarer!

Sektion 3. Kapitel 5

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: Strukturer et HTML-Dokument Korrekt

Mål

Bemærk

Lad dig ikke narre af websidens tilsyneladende enkelhed i designet. Selvom det kan virke ligetil, er det stadig afgørende at opretholde den korrekte dokumentstruktur. Dette sikrer, at websiden bevarer læsbarhed og funktionalitet på tværs af alle browsere.

Opgave

Trin-for-Trin Vejledning

Trin 1: Start HTML-dokumentet

Begynd med at skrive HTML-doctype-deklarationen, som fortæller browseren, at dokumentet er skrevet i HTML. Deklarationen skal være den første linje i dit HTML-dokument:

index.html

Trin 2: Tilføj de åbne og lukkende html-tags

index.html

Trin 3: Opret head-sektionen

Tilføj de åbne og lukkende <head> tags inde i HTML-tagsene. Head-sektionen indeholder meta-information om HTML-dokumentet, såsom titlen og links til eksterne stylesheets:

index.html

Trin 4: Tilføj titlen

Inden for <head> tagsene, tilføj de åbne og lukkende <title> tags. Teksten du indtaster mellem disse tags vil blive vist som titlen på websiden i browserens titelbjælke eller fane:

index.html

Trin 5: Opret body-sektionen

Efter <head>-sektionen, tilføj de åbne og lukkende <body>-tags. Body-sektionen indeholder det synlige indhold på websiden:

index.html

Trin 6: Tilføj indhold til body

Du kan tilføje elementer inden for <body>-tags, såsom overskrifter, afsnit, billeder, links osv. Her er et eksempel på at tilføje en overskrift og et afsnit:

index.html

Prøv det selv

index.html

Var alt klart?

Tak for dine kommentarer!

Sektion 3. Kapitel 5