Learn How to Build Tables in HTML Step by Step

image of blog Mukesh Saini

HubSpot CMS Developer

1 Minutes Read

Listen to the Blog

Learn How to Build Tables in HTML Step by Step
0:39

Organize data effectively using tables for clear presentation on your web pages.

Basic Table Structure

HTML tables use <table>, <tr>, <th>, and <td> tags:

Name Age City
John 25 New York
Jane 28 Los Angeles
  • <table> Container for the table
  • <tr> Table row
  • <th> Table header (bold by default)
  • <td> Table cell

Spanning Rows and Columns

Merge cells with colspan or rowspan

Personal Info Location
John Doe New York
  • colspan Merges multiple columns
  • rowspan Merges multiple rows

Table Captions

Add a descriptive caption above the table

Team Members Information
Name Role
John Developer

Improves accessibility and context

I'm Mukesh Saini, a seasoned HubSpot CMS Developer specializing in custom templates, seamless integrations, and high-performing digital experiences. Having honed his skills over several years in the industry, i possess a deep understanding of HubSpot's capabilities.

HubSpot CMS Developer

Frequently Asked Questions

Can I create tables without borders? +
Yes! remove the border attribute or use CSS border: none;.
Are tables responsive? +
Tables can be made responsive using CSS overflow-x: auto or wrapping in a container.
Should I use tables for page layout? +
No! tables are for tabular data. Use CSS for layouts instead.
Can tables contain images or links? +
End-to-end CRM configuration tailored to your sales and service processes — including pipelines, deal stages, custom properties, lifecycle stages, user roles, and intuitive views.
cm-vector

Have a specific need or challenge in mind? Let’s discuss how we can support your goals.

Get Started Today

Ready to streamline your Hubspot CRM, website, or RevOps !