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.
Display data semantically
- The concept of semantics has a rough history on the Web. When the Web was first moving into the commercial space in the mid 1990s, CSS was so new that it was unavailable in the browser. Therefor, styling was very much a part of HTML. Webpage layouts were pretty much limited to two methodologies. We could layout webpages using frames an old methodology since deprecated by the W3C. This led to unsightly scroll bars all over webpages, so it wasn't necessarily the best looking approach. Or, there was a second approach, which heavily influenced the web world for the next 10 years or so. In his book, "Creating Killer Websites", published in 1996, David Siegel advocated avoiding the use of most standard HTML tags and using tables for layout. Combined with spacer GIFs and nesting tables many layers deep, this methodology became our first method for layout on the Web. It was so popular you'll still see websites that use it today. Unfortunately, there are huge problems with using tables for…
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)
-
-
-