Blog
Learn How to Build Tables in HTML Step by Step
HubSpot CMS Developer
Listen to the Blog
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
| 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
Related Post
You may also be interested in
-
Learn How to Use Divs, Spans, and Grouping Elements in HTML
Group and structure HTML content efficiently using and tags.
-
Learn How to Create Links & Anchors in HTML
Add navigation and interactivity to your web pages with links.
-
Introduction to HTML: Structure, Elements, and Tags
Start your journey in web development by learning the building blocks of every website.