Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Udfordring: Design en Funktionel HTML-Table | Arbejde med Medier og Tabeller
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 Funktionel HTML-Table

Mål

Præsenter medarbejderinformation i et struktureret tabelformat ved at bruge passende HTML-tags til at skabe rækker og kolonner.

Opgave

Opret en tabel med tre kolonner: Navn, Stilling og Løn. Fokuser på at bruge de passende HTML-tags til at udfylde tabellen med de korrekte rækker og kolonner. Her er dataene, der skal inkluderes:

  1. Navn: Emma Johnson | Stilling: Sales Associate | Løn: $15.50 per time.

  2. Navn: Liam Thompson | Stilling: Customer Service Representative | Løn: $14.75 per time.

  3. Navn: Olivia Rodriguez | Stilling: Marketing Coordinator | Løn: $18.25 per time.

  4. Navn: Noah Smith | Stilling: IT Support Specialist | Løn: $20.00 per time.

  5. Navn: Ava Davis | Stilling: Administrative Assistant | Løn: $16.80 per time.

html

index.html

css

index.css

copy

  1. Brug table-tagget til at definere hovedelementet for tabellen.

  2. Brug thead-tagget til at gruppere tabeloverskriftens indhold, såsom kolonneoverskrifter.

  3. Brug tr-tagget til at definere en ny række i tabellen.

  4. Brug th-tagget til at definere overskriftsteksten for hver kolonne.

  5. Brug tbody-tagget til at gruppere hovedindholdet i tabellen, som inkluderer rækker og dataceller.

  6. Brug td-tagget til at definere de faktiske data eller indholdet i hver celle i tabellen.

html

index.html

css

index.css

copy
Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 8

Spørg AI

expand
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 Funktionel HTML-Table

Mål

Præsenter medarbejderinformation i et struktureret tabelformat ved at bruge passende HTML-tags til at skabe rækker og kolonner.

Opgave

Opret en tabel med tre kolonner: Navn, Stilling og Løn. Fokuser på at bruge de passende HTML-tags til at udfylde tabellen med de korrekte rækker og kolonner. Her er dataene, der skal inkluderes:

  1. Navn: Emma Johnson | Stilling: Sales Associate | Løn: $15.50 per time.

  2. Navn: Liam Thompson | Stilling: Customer Service Representative | Løn: $14.75 per time.

  3. Navn: Olivia Rodriguez | Stilling: Marketing Coordinator | Løn: $18.25 per time.

  4. Navn: Noah Smith | Stilling: IT Support Specialist | Løn: $20.00 per time.

  5. Navn: Ava Davis | Stilling: Administrative Assistant | Løn: $16.80 per time.

html

index.html

css

index.css

copy

  1. Brug table-tagget til at definere hovedelementet for tabellen.

  2. Brug thead-tagget til at gruppere tabeloverskriftens indhold, såsom kolonneoverskrifter.

  3. Brug tr-tagget til at definere en ny række i tabellen.

  4. Brug th-tagget til at definere overskriftsteksten for hver kolonne.

  5. Brug tbody-tagget til at gruppere hovedindholdet i tabellen, som inkluderer rækker og dataceller.

  6. Brug td-tagget til at definere de faktiske data eller indholdet i hver celle i tabellen.

html

index.html

css

index.css

copy
Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 8
Vi beklager, at noget gik galt. Hvad skete der?
some-alt