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
Смотрите видео How to Create Tables in HTML | HTML5 Table Tutorial онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Dave Gray 11 Январь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 23,990 раз и оно понравилось 582 людям.