Challenge: Design a Functional HTML Table
Goal
Present employee information in a structured table format by using appropriate HTML tags to create rows and columns.
Task
Create a table with three columns: Name, Position, and Wage. Focus on using the appropriate HTML tags to populate the table with the correct rows and columns. Here is the data to include:
- 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
- Use the
tabletag to define the main container element for the table. - Use the
theadtag to group the header content of the table, such as column headings. - Use the
trtag to define a new row within the table. - Use the
thtag to define the header text for each column. - Use the
tbodytag to group the main content of the table, which includes the rows and data cells. - Use the
tdtag to define the actual data or content within each cell of the table.
index.html
index.css
Thanks for your feedback!
Ask AI
Ask AI
Ask anything or try one of the suggested questions to begin our chat
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?
Awesome!
Completion rate improved to 2.56
Challenge: Design a Functional HTML Table
Swipe to show menu
Goal
Present employee information in a structured table format by using appropriate HTML tags to create rows and columns.
Task
Create a table with three columns: Name, Position, and Wage. Focus on using the appropriate HTML tags to populate the table with the correct rows and columns. Here is the data to include:
- 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
- Use the
tabletag to define the main container element for the table. - Use the
theadtag to group the header content of the table, such as column headings. - Use the
trtag to define a new row within the table. - Use the
thtag to define the header text for each column. - Use the
tbodytag to group the main content of the table, which includes the rows and data cells. - Use the
tdtag to define the actual data or content within each cell of the table.
index.html
index.css
Thanks for your feedback!