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: th-cam.com/play/PL0Zuz27SZ-6OlAwitnFUubtE93DO-l0vu.html
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.
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!!!
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."
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! 🚀
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?
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: th-cam.com/video/QRvA8Mp-uME/w-d-xo.html ..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.
@@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?
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.
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: th-cam.com/play/PL0Zuz27SZ-6OlAwitnFUubtE93DO-l0vu.html
what if you have to do more than one table separate from the others?
Thank you for the tutorial Dave and my thanks to everyone who contributed to remove them from being used to layout entire pages :D
Absolutely! 💯
You made everything in HTML super easy for me
A big thank you to you
You made creating tables in HTML5 super easy....tysm
Im about to finish this chapter and start with forums and inputs which is the last chapter on this course 😊
A very well-explained video. Keep up the good work!
This has helped me nice explanation. Thanks
hi Dave nice explanation 👏🏻👏🏻
Thank you! 💯
I like your videos. Really helpful and clear.
I'm glad to hear that!
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.
Seems like you've got it! The more you work with tables, the easier they get.
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?
tnx so much
Good video!
Very useful course.
Glad it was helpful!
Great Job !
🙏🙏
Great tutarial
Thank you!
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!!!
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.
What's the point of using ?
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."
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,
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! 🚀
@@DaveGrayTeachesCode I'm glad I did,
Thanks for having me on your journey 📈
@@DaveGrayTeachesCode If you keep with this steadiness and pace 100.000k is not far away 🚀
@@plaguegames3556 thank you! 💯
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?
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: th-cam.com/video/QRvA8Mp-uME/w-d-xo.html ..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.
@@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?
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.
(Ha I'm Dav ) This sentence has become like my name :)
☑
.
😂😂😂❤❤
☑