Return to the example site

Tables!

Tables can be very confusing when looking at in code.
<tr> stands for table row
<td> stands for table data
A table row has table data inside of it. Table Data go in the columns.
Like I said! Confusing - So here's a simple html example.

Firstname Lastname Age
Jill Smith 50
Eve Jackson 94

Another example with just normal table headers

Name Description Picture
Business Plan When you’ve earned this badge, you’ll know how to write an effective business plan for your cookie business.
Coding for Good 1: Coding Basics When you've earned this badge, you'll know the basics of computer coding and how to create a meme that can have an impact on other people, your community, and the world.
Cybersecurity 1: Basics When you've earned this badge, you'll know how (and why it’s important!) to protect yourself with strong passwords, secure encryption, and caution when clicking on links.
Entrepreneur When you've earned this badge, you'll know how to think like an entrepreneur.
Netiquette When I've earned this badge, I'll know how to make -- and keep -- my online world a positive place.

Here's a more complicated example with <thead> and <tbody> types.

Breed Picture
Australian Shepherd
Poodle
Bulldog