How to Create Tables in HTML | HTML5 Table Tutorial

[@DaveGrayTeachesCode]

Once upon a time, HTML tables were used to layout entire pages (think 90s and early 00s). Don't do that now! However, HTML5 tables still have some great uses for data that is best represented in a tabular display. This tutorial walks you through how to create HTML5 tables to present data and how to create tables that are both semantic and accessible, too. Just getting started with HTML? Go to the start of this HTML for Beginners playlist: kzbin.info/aero/PL0Zuz27SZ-6OlAwitnFUubtE93DO-l0vu

[@MasterZhao]

what if you have to do more than one table separate from the others?

[@notneb82]

I learned HTML back in 2001 when in highschool. I used tables to style and create layouts for my webpages because that's how it was done back then. It's been since about 2005 since I last coded HTML and I just started up a new website, so this tutorial series is really nice to break me of a bad habit. Needless to say I'll have to go back and redesign the website once I am back up to speed. Funny how I haven't usued it in nearly 20 years but I still somehow remember how to do it, bad habbits and all.

[@plaguegames3556]

Thank you for the tutorial Dave and my thanks to everyone who contributed to remove them from being used to layout entire pages :D

[@DaveGrayTeachesCode]

Absolutely! 💯

[@KeanuCharlesReeves-c4r]

You made everything in HTML super easy for me A big thank you to you

[@JasjeetSran]

You made creating tables in HTML5 super easy....tysm

[@fairytail6896]

A very well-explained video. Keep up the good work!

[@Josiah-Sitariko]

This has helped me nice explanation. Thanks

[@CooperNkosi]

Im about to finish this chapter and start with forums and inputs which is the last chapter on this course 😊

[@dywa_varaprasad]

hi Dave nice explanation 👏🏻👏🏻

[@DaveGrayTeachesCode]

Thank you! 💯

[@fabrice9848]

I like your videos. Really helpful and clear.

[@DaveGrayTeachesCode]

I'm glad to hear that!

[@TerefeTumebo]

tnx so much

[@YannMetalhead]

Good video!

[@JohnMacPherson-hr4yz]

min 10:54 the longer is the last sentence in the table - the longer is the width of the table. How do you make that sentence wrap?

[@qrnasr246]

Great Job !

[@DaveGrayTeachesCode]

🙏🙏

[@md.nashirulla5719]

Very useful course.

[@DaveGrayTeachesCode]

Glad it was helpful!

[@garikmelqonyan6011]

Great tutarial

[@DaveGrayTeachesCode]

Thank you!

[@IG7799-c4u]

I find tables a bit confusing to get my head around sometimes. I find it hard to visualise the table as I am writing the code for it. But I think I understand the whole Col/row span and scope=row/col concept as the columns are side by side and the rows are stacked on top of each other. So when doing rowspan it's going down a row, and colspan is going sideways to the adjacent column. Scope is going either sideways (if a row) and down (if a col). I can understand why this may be confusing at first.

[@DaveGrayTeachesCode]

Seems like you've got it! The more you work with tables, the easier they get.

[@letuslearnmore]

(Ha I'm Dav ) This sentence has become like my name :)

[@felicialeann547]

4:23 I'm new to all of this. I'm watching your videos in order. I rewatched this multiple times.... I think you accidentally left out the part where you show us where the pasted css came from to create the table. You say to open the css file.... then you say to past in the css for the table.... but where did that come from???? From the title of the video I thought the whole point of this video was to show us how to put a table into our html? I'm really confused. Do we just google " How to add CSS table to beginner html index file" ? and then follow whatever we find? and that's the missing part of your video? please help. or is there a paid link to the missing part of your video?

[@DaveGrayTeachesCode]

Please note: This video is #8 in an HTML series. The project in this tutorial has been added to in several of the videos. The info you seek is in video #2 about the element: kzbin.info/www/bejne/h4PZcmuDpZKog6c ..that said, you can learn how to build an HTML table in this video alone. Building a correct HTML table does not require CSS although CSS may make it look better.

[@felicialeann547]

@@DaveGrayTeachesCode yes, I watched the videos 1-7 and now this one. At 4:23 in this video where you paste into the css file a table that creates lines. Where did the stuff you pasted come from?

[@felicialeann547]

I decided to just pause the video and type each letter and punctuation mark into the main.css file from line 18 through 27 that you pasted so I could move on. And, I googled about the topic a little bit too. hmm... when css references or refers to font families and specific fonts.... do these fonts need to be known fonts floating around online or is there a list of possible fonts to choose from? Could one use a created font? This seems interesting to me. Maybe I'll learn the answer the more I watch your videos lol Also... thank you.

[@fabrice9848]

What's the point of using ?

[@DaveGrayTeachesCode]

MDN reveals all: developer.mozilla.org/en-US/docs/Web/HTML/Element/time ..."to translate dates into machine-readable format, allowing for better search engine results or custom features such as reminders."

[@avvaiaravind8091]

Hi! After writing css code in main.css I can't see Table in my website even after saving and one more it asks to put colon near solid #eee Even after putting I can't see table and it shows unknown property. Can anyone help me with this!!!

[@ahmad-murery]

I'm so old I remember designing website layouts using tables 😎 and I totally forget about the caption tag 20k milestone on the way 💨 Thanks Dave,

[@DaveGrayTeachesCode]

Me too!😄 Everything used to be tables! I'm glad they still have a purpose, but I am also glad that purpose is not the full site layout. Yes, the road from 10k to 20k has passed quickly. Thank you for joining me on the journey! 🚀

[@ahmad-murery]

@@DaveGrayTeachesCode I'm glad I did, Thanks for having me on your journey 📈

[@plaguegames3556]

@@DaveGrayTeachesCode If you keep with this steadiness and pace 100.000k is not far away 🚀

[@DaveGrayTeachesCode]

@@plaguegames3556 thank you! 💯

[@IG7799-c4u]

4:55 For some reason, my table doesn't show as having any margin by default. My code is also the same as yours too.

[@webb-developer]

☑

[@yavuzselimoksuz6795]

😂😂😂❤❤

[@pablo20237]

.

[@webb-developer]

☑