From the course: HTML: Tables
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Challenge: Mark up a table - HTML Tutorial
From the course: HTML: Tables
Challenge: Mark up a table
(bright music) - [Instructor] Now that we've talked about all of the basic HTML tags that you need to code a table, how about you go ahead and give it a try now. This will be your first challenge, and it will be to mark up a table, so make sure you've downloaded the exercise files for this particular challenge. If you take a look in there, I'll show you in just a second, there is a spreadsheet and a text file. The spreadsheet will show you what we're looking for in terms of the way this page should be laid out, and the text file is the information from those rows all spelled out really nicely so you don't have to do a ton of copy/paste. Then you're going to mark up that text that I've given you to make a meaningful semantic table, so in other words, what is the meaning that that table is trying to convey? Make sure you're using the right tags in order to convey that meaning. Think about all those tags we've covered: the table, the row, the data, the headers, the table head, table…
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)
-
-
-