From the course: HTML: Tables
Unlock the full course today
Join today to access over 22,700 courses taught by industry experts or purchase this course individually.
Understand table rows and table data - HTML Tutorial
From the course: HTML: Tables
Understand table rows and table data
- [Instructor] Let's get started with coding some tables with HTML. I'm going to work here in Codepen to make things easier to see immediately and keep the focus on our code rather than working in something like VSCode where we would have to write the HTML and then individually view it in a browser. To keep this really simple for now, I'm going to start by minimizing these windows here. You just grab them and drag them on down. The only window that we're going to need is our HTML window and I'll make that just a little bit bigger so we can see what's going on here. The next thing that I'm going to do is I'm just going to go ahead and get started writing a table. And shockingly, that starts with a table tag. And it finishes with a /table tag. Just like a lot of things in HTML. So that's the way you start and end a table, what goes inside of that? Well a couple of things. The next thing you should be aware of are rows. And those are tr for table row. And they have a starting and ending…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
(Locked)
Display data semantically2m 44s
-
(Locked)
Understand table rows and table data5m 13s
-
Add content and data to table cells4m 57s
-
(Locked)
Understand table headings2m
-
(Locked)
Identify table head, body, and foot5m 37s
-
(Locked)
Include table captions2m 32s
-
(Locked)
Group columns and apply to headers5m
-
(Locked)
Use colspan and rowspan4m 25s
-
(Locked)
Challenge: Mark up a table2m 42s
-
(Locked)
Solution: Mark up a table3m 49s
-
(Locked)
-
-
-