Coursera Plus Annual is 40% Off — Ends July 13.

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

HTML: Tables

via LinkedIn Learning

Write review
Boot.dev Ad

Learn Backend Development Part-Time, Online

Learn More → Noble Desktop Ad

Live Online Classes in Design, Coding & AI — Small Classes, Free Retakes

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
Sometimes you need to share data, and not just visualizations, directly with other people. HTML tables make this easy. Discover how to build and style tables in this course.

Syllabus

Introduction
  • Create semantic HTML tables
  • What you should know
  • Working with CodePen
1. Table Basics
  • Display data semantically
  • Understand table rows and table data
  • Add content and data to table cells
  • Understand table headings
  • Identify table head, body, and foot
  • Include table captions
  • Group columns and apply to headers
  • Use colspan and rowspan
  • Challenge: Mark up a table
  • Solution: Mark up a table
2. Styling HTML Tables
  • Style table borders and basic styling
  • Style the table caption
  • Style your table headers and footers
  • Stripe table rows with background colors
  • Challenge: Style HTML tables
  • Solution: Style HTML tables
3. Making Tables Responsive
  • Responsive tables with side scrolling
  • Reformat a table for responsive layout
  • Final styling tweaks
  • Challenge: Make tables responsive
  • Solution: Make tables responsive
Conclusion
  • Next steps

Taught by

Jen Kramer

Reviews

4.8 rating at LinkedIn Learning based on 88 ratings

Start your review of HTML: Tables

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.