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

Suggested prompts:

Can you show me an example of how the table should look in HTML?

What are the correct HTML tags to use for creating the table structure?

Can you explain the difference between thead and tbody in a table?

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