Web Development Cheatsheet

A project created by Matt Hummel for CodeAcademy Front-End Development Pathway. Future references to be added later.

HTML

Tables Tags

Tag Name Description
<table> Table The wrapper element for all HTML tables.
<thead> Table Head The set of rows defining the column headers in a table.
<tbody> Table Body The set of rows containing actual table data.
<tr> Table Row The table row container.
<td> Table Data The table row container.
<tfoot> Table Foot The set of rows defining the footer in a table.

CSS

FlexBox

Set parent container to either:

display: flex

display: inline-flex

Flex Start

justify-content: flex-start;

Flex End

justify-content: flex-end;

Center

justify-content: flex-center;

Space Around

justify-content: space-around;

Space Between

justify-content: space-between;

Flex Start

Add justify-content: center; to flex container

align-items: flex-start;

Flex End

align-items: flex-end;

Center

align-items: center;

Baseline

align-items: baseline;

Stretch