From the course: Practical HTML for No-Coders
Unlock the full course today
Join today to access over 24,900 courses taught by industry experts.
Understanding tables
From the course: Practical HTML for No-Coders
Understanding tables
- Occasionally you'll want some information that lends itself to a spreadsheet to display on your website. If it might work in a spreadsheet, then it's probably going to be a great match to the HTML table. There are three parts to a table for you to know: the table's identity itself via the table element, a table row, and a table cell. Some of the cells are headers and some are just where the data is located. Let's try sitting up a table for this list of contact information. This is a pretty typical application of a table on a website where we have a series of contact people. We have names, we have titles, and we have email addresses. And as you see here, we have something that would probably be described as headings for those particular columns. And then we have these groupings of information that occur underneath. So let's go through how we would format this to display on the webpage. So we're going to start…
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
-
-
-
What is HTML and how is it structured?4m 35s
-
Understanding headings and paragraphs7m 45s
-
(Locked)
Understanding lists6m 44s
-
(Locked)
Understanding nesting lists4m 5s
-
(Locked)
Creating links that go to another website4m 50s
-
(Locked)
Creating links within a page7m 31s
-
(Locked)
Challenge: What's wrong with this markup?2m 23s
-
(Locked)
Solution: What's wrong with this markup?7m 10s
-
(Locked)
Linking to PDF files4m 51s
-
(Locked)
Understanding images4m 53s
-
(Locked)
Implementing images5m 6s
-
(Locked)
Creating figures and figure captions4m 24s
-
(Locked)
Quoting text3m 24s
-
(Locked)
Understanding tables5m 24s
-
(Locked)
Working with classes, div, and span6m 54s
-
(Locked)
Posting a video in HTML4m 13s
-
(Locked)
Challenge: Marking up text2m 20s
-
(Locked)
Solution: Marking up text2m 33s
-
-