< HTML Table and CSS Reference: CheatSheet >

< Go-Down }

Table 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.
<caption> Caption Specifies the caption (or title) of a table.
< Top /> { Down }

Table Attributes

Attribute Name Description
colspan Column Span Defines how many columns a td element should span.
rowspan Row Span Defines how many rows a td element should span.
< Top /> { Down }

CSS selectors and specificity

CSS Selector Name Description
Element Selector HTML elements
Selects HTML elements based on their element name (e.g., <p> selects all paragraphs).

CSS e.g.:


 p {

     text-align: center;

     color: red;

  }
#id ID Selector
Selects a specific element based on its unique id attribute.

CSS e.g.:


 #para1 {

     text-align: center;

     color: red;

  }
.class Class Selector
Selects elements with a specific class attribute.

CSS e.g.:


 .center {

     text-align: center;

     color: red;

  }
 *  Universal Selector
Selects all HTML elements on the page.

CSS e.g.:


 * {

     text-align: center;

     color: red;

  }
Grouping Selector Grouping Selector
Combines multiple selectors to apply the same style definitions.

CSS e.g.:


 h1, h2, p {

     text-align: center;

     color: red;

  }


All <h1>, <h2>, and <p> elements share the same styles.
{ Back-To-Top />

Common CSS Properties

Property Name Description
color Color Sets the text color for an element.
border Border Defines the border around an element.
margin Margin Controls the spacing outside an element.
background-color Background Color Specifies the background color of an element.
padding Padding Determines the spacing inside an element.
width and height Width and Height Set the dimensions of an element.
position Position Determines the positioning of an element.
text-align Text Align Aligns the text content within an element.
Remember that this list is not exhaustive, but it covers some of the most commonly used CSS properties.