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

Опубликовано: 21 Октябрь 2024
на канале: 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...