Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Utmaning: Skapa en Funktionell HTML-Tabell | Arbeta med Media och Tabeller
Ultimate HTML

bookUtmaning: Skapa en Funktionell HTML-Tabell

Mål

Presentera information om anställda i ett strukturerat tabellformat genom att använda lämpliga HTML-taggar för att skapa rader och kolumner.

Uppgift

Skapa en tabell med tre kolumner: Name, Position, och Wage. Fokusera på att använda lämpliga HTML-taggar för att fylla tabellen med korrekta rader och kolumner. Här är data som ska inkluderas:

  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. Använd table-taggen för att definiera huvudelementet för tabellen.
  2. Använd thead-taggen för att gruppera tabellens rubrikinnehåll, såsom kolumnrubriker.
  3. Använd tr-taggen för att definiera en ny rad i tabellen.
  4. Använd th-taggen för att definiera rubriktexten för varje kolumn.
  5. Använd tbody-taggen för att gruppera tabellens huvudinnehåll, vilket inkluderar rader och dataceller.
  6. Använd td-taggen för att definiera det faktiska datat eller innehållet i varje cell i tabellen.
index.html

index.html

index.css

index.css

copy
Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 9

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

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?

bookUtmaning: Skapa en Funktionell HTML-Tabell

Svep för att visa menyn

Mål

Presentera information om anställda i ett strukturerat tabellformat genom att använda lämpliga HTML-taggar för att skapa rader och kolumner.

Uppgift

Skapa en tabell med tre kolumner: Name, Position, och Wage. Fokusera på att använda lämpliga HTML-taggar för att fylla tabellen med korrekta rader och kolumner. Här är data som ska inkluderas:

  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. Använd table-taggen för att definiera huvudelementet för tabellen.
  2. Använd thead-taggen för att gruppera tabellens rubrikinnehåll, såsom kolumnrubriker.
  3. Använd tr-taggen för att definiera en ny rad i tabellen.
  4. Använd th-taggen för att definiera rubriktexten för varje kolumn.
  5. Använd tbody-taggen för att gruppera tabellens huvudinnehåll, vilket inkluderar rader och dataceller.
  6. Använd td-taggen för att definiera det faktiska datat eller innehållet i varje cell i tabellen.
index.html

index.html

index.css

index.css

copy
Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 9
some-alt