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

Published: 07 January 2021
on channel: Code Range

9,327

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-...

2. Tables (Code) - https://github.com/juthikashetye/Code...

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

Recommended resources:

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

On this page of the site you can watch the video online [HTML-Tutorial-18] Tables | table, th, td, tr, caption, colspan, rowspan | Web Development with a duration of hours minute second in good quality, which was uploaded by the user Code Range 07 January 2021, share the link with friends and acquaintances, this video has already been watched 9,327 times on youtube and it was liked by 93 viewers. Enjoy your viewing!

48,554

276