https://github.com/itsjordanmuller/odin-fsjs-mdn-tables

A repository to house the MDN Basic & Advanced Table Exercises for The Odin Project Full Stack JavaScript Track
https://github.com/itsjordanmuller/odin-fsjs-mdn-tables

Last synced: about 1 month ago
JSON representation

A repository to house the MDN Basic & Advanced Table Exercises for The Odin Project Full Stack JavaScript Track

• Host: GitHub
• URL: https://github.com/itsjordanmuller/odin-fsjs-mdn-tables
• Owner: itsjordanmuller
• Created: 2023-02-06T00:21:26.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-07T05:48:04.000Z (almost 2 years ago)
• Last Synced: 2023-08-01T22:20:55.750Z (over 1 year ago)
• Language: HTML
• Size: 13.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# The Odin Project Tables Exercises

## The Odin Project Example

An example table given by TOP to view how they work

## MDN Tables Basics

A few simple exercises involing HTML tables via MDN, leading to a more advanced section and an assignment

### First Table

### MDN First Table

We've talked table theory enough, so, let's dive into a practical example and build up a simple table.

### MDN Dogs Table

Now let's turn our attention to table headers — special cells that go at the start of a row or column and define the type of data that row or column contains.

### MDN Animals Table

Sometimes we want cells to span multiple rows or columns. Take the following simple example, which shows the names of common animals. In some cases, we want to show the names of the males and females next to the animal name. Sometimes we don't, and in such cases we just want the animal name to span the whole table.

### MDN Timetable Table

Now it's time to have a go yourself.

## MDN Tables Advance

More advanced exercises from MDN involving HTML tables

## MDN Tables Assignment (Structuring Planet Data)

Structuring Planet Data Assignment from MDN for HTML Table practice