Lester Lee logo

Tutorial 1.2: Basic HTML

Github link

The goal of this tutorial is to get familiar with the table and svg elements.


The table below uses data from the Palmer penguins dataset.

Penguin Bill Size
Species Island Bill Length (mm) Bill Depth (mm)
Chinstrap Dream 50.88 19.0
Gentoo Biscoe 49.5 16.2
Adelie Torgersen 45.8 18.9
Adelie Dream 38.9 18.8
Chinstrap Dream 51.4 19.0

My default table styles can be found here, but I've overwritten some of those styles in the local style.css for this tutorial.

The svg below contains two rects, one lavender and one lightcoral.