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

bookUdfordring: 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.
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 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.
index.html

index.html

index.css

index.css

copy
Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 8

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

Awesome!

Completion rate improved to 2.56

bookUdfordring: Design en Funktionel HTML-Table

Stryg for at vise menuen

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.
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 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.
index.html

index.html

index.css

index.css

copy
Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 8
some-alt