Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Utfordring: Design Et Funksjonelt HTML-Tabell | Arbeide med Media og Tabeller
Ultimate HTML

bookUtfordring: Design Et Funksjonelt HTML-Tabell

Mål

Presenter ansattinformasjon i et strukturert tabellformat ved å bruke passende HTML-tagger for å lage rader og kolonner.

Oppgave

Lag en tabell med tre kolonner: Name, Position, og Wage. Fokuser på å bruke riktige HTML-tagger for å fylle tabellen med korrekte rader og kolonner. Her er dataene som 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. Bruk table-taggen for å definere hovedelementet for tabellen.
  2. Bruk thead-taggen for å gruppere toppinnholdet i tabellen, som kolonneoverskrifter.
  3. Bruk tr-taggen for å definere en ny rad i tabellen.
  4. Bruk th-taggen for å definere overskriftsteksten for hver kolonne.
  5. Bruk tbody-taggen for å gruppere hovedinnholdet i tabellen, som inkluderer rader og dataceller.
  6. Bruk td-taggen for å definere selve dataene eller innholdet i hver celle i tabellen.
index.html

index.html

index.css

index.css

copy
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 9

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

bookUtfordring: Design Et Funksjonelt HTML-Tabell

Sveip for å vise menyen

Mål

Presenter ansattinformasjon i et strukturert tabellformat ved å bruke passende HTML-tagger for å lage rader og kolonner.

Oppgave

Lag en tabell med tre kolonner: Name, Position, og Wage. Fokuser på å bruke riktige HTML-tagger for å fylle tabellen med korrekte rader og kolonner. Her er dataene som 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. Bruk table-taggen for å definere hovedelementet for tabellen.
  2. Bruk thead-taggen for å gruppere toppinnholdet i tabellen, som kolonneoverskrifter.
  3. Bruk tr-taggen for å definere en ny rad i tabellen.
  4. Bruk th-taggen for å definere overskriftsteksten for hver kolonne.
  5. Bruk tbody-taggen for å gruppere hovedinnholdet i tabellen, som inkluderer rader og dataceller.
  6. Bruk td-taggen for å definere selve dataene eller innholdet i hver celle i tabellen.
index.html

index.html

index.css

index.css

copy
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 9
some-alt