Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn HTML Tables
Rating: 4.2 out of 5(22 ratings)
6,501 students

Learn HTML Tables

Learn to create a table using HTML5
Created byClyde D'Souza
Last updated 3/2021
English
English [Auto],

What you'll learn

  • Learn to create a table using HTML5
  • Demystify table concepts like rowspan and colspan
  • By the end of the course, you'll be confident to write code for your very own table

Explore related topics

Course content

2 sections • 15 lectures • 59m total length

  • Class introduction1:07

    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.

  • Prerequisites1:23

    Identify the prerequisites for this course, including using an online tool like jsfiddle or running code locally; beginners learn html basics and setup without prior knowledge.

  • What is HTML?6:36

    Discover how HTML defines a web page's structure with elements and tags, using doctype, html, head, and body, and rendering headings and paragraphs in the browser.

  • Introduction to HTML tables3:47

    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.

  • Methods of creating a table5:15

    Explore methods to create an HTML table, from online tools and notepad to studio code, and learn when to use each approach to view the table in a browser.

  • Creating a table7:06

    Create a simple HTML table with a header and body using thead and tbody, add borders with border-collapse, and apply a yellow header background for clear formatting.

  • Colspan3:20

    Explore colspan in HTML tables by creating a cell that spans two columns and centering its text, using a CSS selector to target the spanning cell.

Requirements

  • Access to JSFiddle, if you're coding along with me

Description

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.

Who this course is for:

  • Beginner developers who are curious about how an HTML Table works
  • Developers who need a refresher on HTML Tables

Report abuse