[HTML-Tutorial-18] Tables | table, th, td, tr, caption, colspan, rowspan | Web Development

How to use the HTML table element to display tabular data on your webpage.
Learn all about creating table rows, columns, headings & captions for your table using the tr, td, th, thead, tbody, tfoot & caption elements.
Also learn about using the rowspan & colspan attributes to make your table span multiple rows or columns according to the design of your table.

– – – – Contents Of The Video – – – –

00:00 – Intro & Use of HTML Tables
01:54 – Things to do before coding a table
02:36 – Creating a table in HTML intro
03:40 – table & tr elements
04:18 – th element
04:42 – td element
05:22 – Adding table borders using CSS
06:10 – More about th element
06:56 – Adding caption to the table
08:25 – thead, tbody, tfoot elements to group the table content
09:44 – rowspan & colspan attributes
11:28 – Review

– – – – Interesting Links – – – –

Code Links:

1. Tables (Web Page) – https://juthikashetye.github.io/Code-Range-Demos/tables.html

2. Tables (Code) – https://github.com/juthikashetye/Code-Range-Demos/blob/master/tables.html

3. Link to all Demos – https://juthikashetye.github.io/Code-Range-Demos/

Recommended resources:

1. MDN Web docs (table element) – https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table

You May Also Like