How to Create Tables in HTML HTML5 Table Tutorial

>> YOUR LINK HERE: ___ http://youtube.com/watch?v=e23RA_Uo99o

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

#############################

New on site