
Master HTML tables by learning to display information in two dimensions. Demystify the five concepts like row and XHTML elements, and learn to write code that formats tables.
Learn how HTML tables organize data in rows and columns for side-by-side comparisons, use cells for multi-dimensional information, and apply accessibility tips for layout tables.
Add a photo to the table footer to provide context, make the photo span all five columns with colspan, and ensure a white background via CSS.
Replicate the table design from the attached excel file’s last tab, including colors and formatting, using JSFiddle to code the email and submit a shareable link.
Hi everyone,
My name is Clyde D'Souza and in this class, I'll teach you how to create tables using HTML5. Tables are used in so many places around the internet and are a great tool to display information in two dimensions. However, when many people start out to learn tables, it often gets quite confusing.
So, in this class, I’ll try and demystify these concepts for you. You’ll learn:
To write code that produces a table using HTML5.
Concepts like rowspan and colspan.
HTML elements like thead, tbody and why they’re useful.
And (you’ll learn) how to format a table using CSS.
This course is aimed at beginner developers who are trying to learn new HTML concepts and for seasoned developers who’d like a refresher.
You can also follow each video and code with me as you learn new concepts with every video. In the end, you will get an opportunity to practice creating an HTML Table using the concepts you learn in this class on your class project.
Should you have any questions along the way, feel free to ask me a question using the discussions tab and I'll answer your questions there.
Lots of exciting things to learn ahead. So, happy learning and I hope to see each one of you complete this class.