Tables in HTML

Introduction

Tables used to be pretty much the only game in town – when you had data of any sort, you pretty much had to use one to display it. You also had to use tables to wrangle the layout of your page into some semblance of order. Thankfully, those days are behind us (thanks to CSS) and now tables can often be more of a hindrance than a benefit for any but the core use cases. That said, they are still the go-to way to get structured data onto the page.

Learning Outcomes

  • When should you use tables?
  • What is the structure of a table?
  • What are the special tags that dictate certain parts of a table, e.g. headers or captions?
  • How can you combine cells in a table?
  • Why do you need to be careful about your padding and borders in tables?
  • How do you align text within cells in a table?

Assignment

  1. Read Shay Howe’s Chapter on Tables
  2. Glance over the HTML Docs on Tables, which you’ll no doubt see again.

Additional Resources

This section contains helpful links to other content. It isn’t required, so consider it supplemental for if you need to dive deeper into something.

HTML5 and CSS3

Tables in HTML

View Course Login to track progress Next Lesson

Got questions?

Chat with our friendly Odin community in our Gitter chatrooms!

Open Gitter

Are you interested in accelerating your web development learning experience?

Get started

Thinkful

  • 5-6 months

    5-6 months

  • Job Guarantee

    Job Guarantee

  • 1-on-1 Mentorship

    1-on-1 Mentorship