YoVDO

HTML: Tables

Offered By: LinkedIn Learning

Tags

HTML & CSS Courses Semantic Web Courses Responsive Design Courses

Course Description

Overview

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

Related Courses

Semantic Web Technologies
openHPI
Introduction to HTML5
University of Michigan via Coursera
Web sémantique et Web de données
Inria (French Institute for Research in Computer Science and Automation) via France Université Numerique
La Web Semántica: Herramientas para la publicación y extracción efectiva de información en la Web
Pontificia Universidad Católica de Chile via Coursera
Introduction to Linked Data and the Semantic Web
University of Southampton via FutureLearn