Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Udfordring: Design af en Funktionel HTML-Tabel | Arbejde med Medier og Tabeller
Ultimativ HTML

bookUdfordring: Design af en Funktionel HTML-Tabel

Mål

Præsentation af medarbejderoplysninger i et struktureret tabel-format ved at anvende passende HTML-tags til at oprette rækker og kolonner.

Opgave

Opret en tabel med tre kolonner: Name, Position, og Wage. Fokus på brug af de korrekte HTML-tags til at udfylde tabellen med de rigtige rækker og kolonner. Her er de data, der skal inkluderes:

  1. Name: Emma Johnson | Position: Sales Associate | Wage: $15.50 per hour.
  2. Name: Liam Thompson | Position: Customer Service Representative | Wage: $14.75 per hour.
  3. Name: Olivia Rodriguez | Position: Marketing Coordinator | Wage: $18.25 per hour.
  4. Name: Noah Smith | Position: IT Support Specialist | Wage: $20.00 per hour.
  5. Name: Ava Davis | Position: Administrative Assistant | Wage: $16.80 per hour.
index.html

index.html

index.css

index.css

copy
  1. Brug table-tagget til at definere hovedelementet for tabellen.
  2. Brug thead-tagget til at gruppere tabelhovedets 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.
index.html

index.html

index.css

index.css

copy
Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. 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

bookUdfordring: Design af en Funktionel HTML-Tabel

Stryg for at vise menuen

Mål

Præsentation af medarbejderoplysninger i et struktureret tabel-format ved at anvende passende HTML-tags til at oprette rækker og kolonner.

Opgave

Opret en tabel med tre kolonner: Name, Position, og Wage. Fokus på brug af de korrekte HTML-tags til at udfylde tabellen med de rigtige rækker og kolonner. Her er de data, der skal inkluderes:

  1. Name: Emma Johnson | Position: Sales Associate | Wage: $15.50 per hour.
  2. Name: Liam Thompson | Position: Customer Service Representative | Wage: $14.75 per hour.
  3. Name: Olivia Rodriguez | Position: Marketing Coordinator | Wage: $18.25 per hour.
  4. Name: Noah Smith | Position: IT Support Specialist | Wage: $20.00 per hour.
  5. Name: Ava Davis | Position: Administrative Assistant | Wage: $16.80 per hour.
index.html

index.html

index.css

index.css

copy
  1. Brug table-tagget til at definere hovedelementet for tabellen.
  2. Brug thead-tagget til at gruppere tabelhovedets 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.
index.html

index.html

index.css

index.css

copy
Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 9
some-alt