HTML Tutorials

HTML – Basic Tables

HTML tables allow for data to be arranged into rows and columns using the table tag, which contains the tr tag for rows and the td tag for data cells.

HTML Tutorials

HTML – Table Formatting

Table size, borders, cell padding, cell spacing, can all be changed by using attributes. Multiple rows or columns can be merged into one.

HTML Tutorials

HTML – Advanced Tables

Advanced HTML tables may contain thead, tbody, and tfoot tags, along with a caption, within the table to give the data better structure.

HTML Reference

HTML – Caption Tag

The caption tag defines a table caption. It must be inserted immediately after the opening table tag and will be centered above the table by default.

HTML Reference

HTML – Column Group Tag

The colgroup tag specifies a group of one or more columns in a table for formatting using the col tag and applying formatting to entire columns.

HTML Reference

HTML – Column Tag

The col tag specifies column properties for each column within a colgroup tag. This is useful for applying styles to entire columns.

HTML Reference

HTML – Table Body Tag

The tbody tag is used to group the body content in the table. It’s used in conjunction with the thead and tfoot elements to specify each part of a table.

HTML Reference

HTML – Table Data Tag

A td tag defines a cell containing data in a table. The number of td tags in a table row (tr) determines the number of columns in that row.

HTML Reference

HTML – Table Footer Tag

The tfoot tag is used to group the body content in the table. It’s used in conjunction with the thead and tbody elements to specify each part of a table.

HTML Reference

HTML – Table Head Tag

A th tag defines a header (thead) cell containing data in a table. The number of th tags in a table row (tr) determines the number of columns in that row.

HTML Reference

HTML – Table Header Tag

The thead tag is used to group header content in a table. It’s used in conjunction with the tbody and tfoot elements to specify each part of a table.

HTML Reference

HTML – Table Tag

A table tag defines a table consisting of a number rows and columns, and optionally a header row, footer row, and caption.

HTML Reference

HTML – Table Row Tag

A tr tag defines a row of cells (td) containing data in a table. The number of td tags in a table row (tr) determines the number of columns in that row.

CSS Tutorials

CSS – Styling HTML Tables

HTML tables can be styled to a point using tag attributes like border, cell-padding, cell-spacing, and width. But tables can be greatly improved with CSS.

CSS Reference

CSS – border-collapse Property

The border-collapse property sets whether table borders should collapse into a single border or remain separated as is the default.

CSS Reference

CSS – border-spacing Property

The border-spacing property sets the distance between the borders of adjacent cells. This property only works when border-collapse is set to separate.

HTML
CSS
JavaScript
jQuery
PHP
SQL
WordPress
HTML
CSS
JavaScript
jQuery
PHP
SQL
WordPress

Why 1SMARTchicken?

This site was built and is maintained to benefit my autistic son.
See More →

My Son's Name is Johnny

He was diagnosed as autistic quite late, at age four...
His story

Buy Me a Coffee

Thanks for your support!

1SMARTchicken Icon