Learn how to build accessible HTML tables. Understand how screen readers navigate tables, use captions, th and scope, the headers and id attributes for complex tables, sortable headers with aria-sort, scrollable regions, layout table pitfalls, and how to test tables on CodeHarborHub.
Learn how to style and size whole table columns with the HTML colgroup and col elements. Understand placement, the span attribute, which CSS properties work on columns, setting column widths, highlighting columns, and how colgroup relates to accessibility on CodeHarborHub.
Learn how to merge cells in HTML tables with colspan and rowspan. Understand how to count cells correctly, build grouped headers, schedules, and totals rows, avoid overlap errors, keep merged tables accessible, and decide when to split a table instead on CodeHarborHub.
Learn the basics of HTML tables. Build your first table with table, tr, th, and td, understand how rows and columns work, add borders with CSS, avoid obsolete attributes, and fix common beginner mistakes with clear examples on CodeHarborHub.
Learn how to give HTML tables a title with the caption element. Understand where caption goes, how it differs from headings and figcaption, how to style and position it with caption-side, number tables with CSS counters, and write captions that help screen reader users on CodeHarborHub.
Learn how to mark up HTML table headings with the th element and the scope attribute. Understand column headers, row headers, the empty corner cell, abbreviations, styling, and how headings help screen reader users understand every cell on CodeHarborHub.
Learn how HTML table rows (tr) and cells (td and th) work. Understand the table grid, what can go inside a cell, how to align text and numbers, control wrapping and width, handle empty cells, and avoid common row and cell mistakes with live examples on CodeHarborHub.
Learn how to present data with HTML tables. Understand table, tr, th, and td, captions, thead, tbody, and tfoot, colspan and rowspan, column groups, styling, responsive tables, and accessible tables, with live examples and clear explanations on CodeHarborHub.
Learn how to organize HTML tables with thead, tbody, and tfoot. Understand what each section means, the correct order, how to use several tbody groups, style headers and footers, build totals rows, keep headers visible while scrolling, and avoid common mistakes on CodeHarborHub.
Learn how to make HTML tables work on phones and small screens. Use scrolling containers, sticky columns, fluid widths, stacked card layouts, and priority columns, understand the accessibility trade-offs of each approach, and choose the right technique for your data on CodeHarborHub.
Learn how to style HTML tables with CSS. Add borders with border-collapse, spacing and padding, header styles, zebra stripes, hover effects, alignment, rounded corners, captions, and a complete modern table stylesheet, with accessibility and contrast tips on CodeHarborHub.