How to Create Tables in HTML | HTML5 Table Tutorial
Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
Learn how to create tables in HTML. In this HTML5 table tutorial, you will learn how to add a table to your web page. You will also learn the available attributes to help you design your table with semantics and accessibility in mind.
🚩 Subscribe ➜ https://bit.ly/3nGHmNn
🚀 This lesson is part of an HTML for Beginners tutorial series playlist:
• HTML Tutorials for Beginners
🔗 Starter Source Code: https://github.com/gitdagray/html_cou...
📬 Course Updates ➜ https://courses.davegray.codes/
How to Create Tables in HTML | HTML5 Table Tutorial
(00:00) Intro
(00:05) Welcome
(00:25) When and when NOT to use tables
(01:04) Creating a basic table
(04:16) Adding a small amount of CSS
(04:41) Table width is based on content
(05:38) Adding table headings
(06:35) colspan attribute
(07:05) rowspan attribute
(07:47) Table semantics
(08:11) Caption element
(08:51) thead, tbody, and tfoot elements
(11:04) Adding row headings
(13:15) scope attribute
(15:32) Validate your HTML code
🔗 All Resources for this HTML Tutorial Series: https://github.com/gitdagray/html_course
⚙ Web Dev Tools:
Chrome Browser: https://www.google.com/chrome/
Dark New Tab Chrome Extension: https://chrome.google.com/webstore/de...
Visual Studio Code (VS Code): https://code.visualstudio.com/
Prettier VS Code Extension: https://marketplace.visualstudio.com/...
vscode-icons VS Code Extension: https://marketplace.visualstudio.com/...
Github Themes VS Code Extension: https://marketplace.visualstudio.com/...
W3C HTML Validator: https://validator.w3.org/
HTML5 Outliner: https://chrome.google.com/webstore/de...
📚 References:
MDN HTML: https://developer.mozilla.org/en-US/d...
MDN HTML Elements Reference: https://developer.mozilla.org/en-US/d...
HTML Entities Character Chart: https://html.spec.whatwg.org/multipag...
🚀 Semantic HTML References:
MDN Web Glossary for Semantics: https://developer.mozilla.org/en-US/d...
w3Schools Semantic HTML: https://www.w3schools.com/html/html5_...
MDN Document and website structure: https://developer.mozilla.org/en-US/d...
🚀 HTML Table References:
MDN Table Basics: https://developer.mozilla.org/en-US/d...
MDN Advanced Tables and Accessibility: https://developer.mozilla.org/en-US/d...
✅ Follow Me:
Github: https://github.com/gitdagray
Twitter: / yesdavidgray
LinkedIn: / davidagray
Blog: https://yesdavidgray.com
Reddit: / daveoneleven
Was this tutorial about creating HTML Tables helpful? If so, please share. Let me know your thoughts in the comments.
#html #html5 #tables
Watch video How to Create Tables in HTML | HTML5 Table Tutorial online without registration, duration hours minute second in high quality. This video was added by user Dave Gray 11 January 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 23,990 once and liked it 582 people.