Code Editor
Web Browser

HTML Tables

Great job! In this lesson, you learned how to create a table, add data to it, and section the table into smaller parts that make it easier to read.

Let's review what you've learned so far:

  1. The <table> element creates a table.
  2. The <tr> element adds rows to a table.
  3. To add data to a row, you can use the <td> element.
  4. Table headings clarify the meaning of data. Headings are added with the <th> element.
  5. Table data can span columns using the colspan attribute.,
  6. Table data can span rows using the rowspan attribute.
  7. Tables can be split into three main sections: a head, a body, and a footer.
  8. A table's head is created with the <thead> element.
  9. A table's body is created with the <tbody> element.
  10. A table's footer is created with the <tfoot> element.
  11. All the CSS properties you learned about in this course can be applied to tables and their data.

Congratulations on completing the HTML & CSS course! This course is meant to give you exposure to the fundamentals of HTML & CSS. In later HTML & CSS courses, you'll explore more advanced topics, like HTML5, special CSS selectors and positioning, responsive design, and much more.

We hope you enjoyed the course!


Take some time to experiment with your new knowledge of tables in index.html. When you're done, proceed to the next unit.

Report a Bug
If you see a bug or any other issue with this page, please report it here.