Utmaning: 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:
- Name: Emma Johnson | Position: Sales Associate | Wage: $15.50 per hour.
- Name: Liam Thompson | Position: Customer Service Representative | Wage: $14.75 per hour.
- Name: Olivia Rodriguez | Position: Marketing Coordinator | Wage: $18.25 per hour.
- Name: Noah Smith | Position: IT Support Specialist | Wage: $20.00 per hour.
- Name: Ava Davis | Position: Administrative Assistant | Wage: $16.80 per hour.
index.html
index.css
- Använd
table-taggen för att definiera huvudelementet för tabellen. - Använd
thead-taggen för att gruppera tabellens rubrikinnehåll, såsom kolumnrubriker. - Använd
tr-taggen för att definiera en ny rad i tabellen. - Använd
th-taggen för att definiera rubriktexten för varje kolumn. - Använd
tbody-taggen för att gruppera tabellens huvudinnehåll, vilket inkluderar rader och dataceller. - Använd
td-taggen för att definiera det faktiska datat eller innehållet i varje cell i tabellen.
index.html
index.css
Var allt tydligt?
Tack för dina kommentarer!
Avsnitt 4. Kapitel 9
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Fantastiskt!
Completion betyg förbättrat till 2.38Avsnitt 4. Kapitel 9