HTML Tables Tutorial with CSS Styling | Tables in HTML and CSS

Опубликовано: 18 Октябрь 2024
на канале: Tech Basics

3,821

In this tutorial, you’ll learn all about HTML tables and how to style tables in CSS. We walk through the basics of understanding tables, table rows, table data cells, horizontal table header, vertical table header, table caption. Finally, we look at how to style tables with CSS.

⌚ Timestamps
0:00 Video Intro
0:14 Overview
1:13 Creating first table: horizontal table header
5:10 Adding table caption
5:54 Styling first table
6:23 Styling table borders
7:47 Center a table
8:13 Styling the table header row
9:03 Styling the table cells
9:49 Styling the table rows (banded)
11:43 Applying gradient on header row
12:48 Styling the table caption
14:28 Creating second table: vertical table header
17:30 Styling second table
20:46 Adding style to particular element

📃 Watch other playlists
-HTML & CSS Tutorials:    • HTML and CSS Tutorial for Beginners
-Microsoft Word Tutorials:    • Microsoft Word Tutorials | MS Word
Microsoft Excel Tutorials: https://www.youtube.com/playlist?list...
-Microsoft PowerPoint Tutorials:    • PowerPoint Tutorials

I hope you learned something from this video.
🔔 Subscribe to my YouTube channel
   / @techbasics945
🚩 Connect with me on Facebook:
  / techbasicsyoutube

❌ Tags (IGNORE): Table In HTML and CSS, how to create a table in html and css, how to create a table, table, html table, how to style a table, how to style an html table, html, html tutorial, css tutorial, css, tutorial, html th, html tr, html td, html table cell, table cell, how to create rows and columns in a table, html table, html table tutorial, html table rowspan colspan, html table tag, html tables, html tables, html tables hindi, learn html, html tutorial, html tr, html td, html tbody, html table thead, responsive table html css, html table border, html table design, html table background image, html table background color, css table, css table image, tech basics, html table, html tables, table in html, table tag, html tables hindi, table, tables, css table, border,banded rows, create,design,html,html5,css,row,cell,data,header,heading,style,styling,layout,rows,columns,tutorial,tr,td,th,zebra stripes, table html css, responsive table, linear gradient, css gradient, gradient background css, table caption in html, table caption, horizontal, vertical, development, html and css tables, how to create a table, how to style a table, web, website, web design.