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

Veröffentlicht am: 07 Januar 2021
auf dem Kanal: 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...

Auf dieser Seite können Sie das Online-Video [HTML-Tutorial-18] Tables | table, th, td, tr, caption, colspan, rowspan | Web Development mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Code Range 07 Januar 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 9,327 Mal angesehen und es wurde von 93 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

153,953