Lesson 11: Tables

While there was a time when HTML tables were used for layout and positioning, today they are used almost exclusively for organizing data.

Organizing Data with Tables

Completely Styled Example

Before we view the slides above, let’s build the completely styled table below. This example will help the sides above make more sense. Find the source code here:¬†http://learn.shayhowe.com/html-css/organizing-data-with-tables/#styled-table
[codepen_embed height=”443″ theme_id=”7991″ slug_hash=”xbxbgz” default_tab=”result” user=”mmacfadden”]See the Pen <a href=’http://codepen.io/mmacfadden/pen/xbxbgz/’>xbxbgz</a> by Michael Macfadden (<a href=’http://codepen.io/mmacfadden’>@mmacfadden</a>) on <a href=’http://codepen.io’>CodePen</a>.[/codepen_embed]

 Table Stations

Reproduce each of the tables below. Pay extra attention to the CSS properties when styling the HTML.