How to add HTML Tables?

An HTML table is defined with the <table> tag to add table on the web page.

Do you have similar website/ Product?

Show in this page just for only $2 (for a month)

Create an Ad

0/60

0/180

Image

Each table row is defined with the tag.

A table header is defined with the tag.

A table cell is defined with the tag.

Table headings are bold and centered by default.

E.g:

Firstname	Lastname

Jack	Rich

Adding a Border in HTML table

To add a border for table use the CSS border property.

table, th, td
{ border: 1px solid black;
}

Collapsed Borders in HTML

The borders to collapse into one border add the CSS border-collapse property.

table, th, td
{ border: 1px solid black;
border-collapse: collapse;
}

Add a Cell Padding

Cell padding is use to specify the space between the cell content and its borders. Use the CSS padding property for it.

th, td
{
padding: 20px;
}

Styling

Ayesha

Tech writer at newsandstory