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
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
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

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