Тёмный

25: Table In HTML and CSS | How To Create Tables | Learn HTML and CSS | HTML Tutorial | CSS Tutorial 

Dani Krossing
Подписаться 483 тыс.
Просмотров 437 тыс.
50% 1

Опубликовано:

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 147   
@Dani_Krossing
@Dani_Krossing Год назад
NEW UPDATED 2023 COURSE AVAILABLE! 🙂 You can find it here: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-v8jDnBYc0bs.html&ab_channel=DaniKrossing
@jamesbarker117
@jamesbarker117 5 лет назад
Great videos I want to learn JavaScript but I've come to the beginning to learn HTML and CSS first. feeling good right now! Also anyone who is doing this course as of November 2018 - If you add the border-spacing 40px; and it doesn't work it may be because by default border-collapse is set to collapse (when you keep going through the video and you follow Daniel as he adds border-collapse: collapse; and it doesn't do anything this is why) so to counter that you can set border-collapse: separate; then the border-spacing will kick in. Hope that helps anyone! Cheers :D
@mavoolumma
@mavoolumma 3 года назад
Had this issue,thanks a lot
@fruitycigar
@fruitycigar 2 года назад
Amazing. I keep forgetting about tables (and pretty much the rest of HTML/CSS) if I go too long without writing them. This was a simple, crisp, clear and conside primer of tables. Thanks, Daniel!
@monstershel
@monstershel 5 лет назад
Thank you so much for this video. I am currently in a college course for Web Development and Design, and we are on the chapter about making Tables in HTML and CSS. I had watched my professors tutorials, followed along with her, and hand wrote all of what she taught and something just wasnt working right when I went ahead to do our assignment for the week. Its a Case Study in our book for a fake yoga studio, and for whatever reason the CSS wasnt working. I had stressed about this for a solid two days straight when I finally said "Alright if she isnt going to help you, RU-vid might!" this was the first video I clicked and I stayed to the end to see the whole thing to figure out why it wasnt working. Turns out I had my tables css in the wrong spot! You helped me out greatly!! Thank you so much!!
@waellerbe
@waellerbe 5 лет назад
Thank you for sharing a wonderful presentation on creating tables with HTML and CSS. Per inspiration from my experience with *Markdown,* I wanted to explore a tutorial on this topic.
@candaceb.3811
@candaceb.3811 4 года назад
I think you are the best and greatest teacher!! I don't know what we would do without you. I recommend your videos to everyone in my class!! I think both ways you say data is perfect!
@wifeymonroe
@wifeymonroe 5 лет назад
This video was so helpful for my assignment. Saved me hours of stress.
@CGIQ.
@CGIQ. 3 года назад
Igcse? If so same for me
@amw_hl
@amw_hl 5 лет назад
thank you so much!!!! this is incredibly helpful. I had an html due by 11 59 and I had No Idea how to make a table but this saved me at the last minute!! Much Appreciated!
@Albert_Pecanio
@Albert_Pecanio 4 года назад
You SAVED ME! Not the table but linking the css
@jevievson
@jevievson 4 года назад
I am new to this area, i am now studying html and css, this video helps me a lot.
@zainabshaikh1717
@zainabshaikh1717 4 года назад
Hey I am from India ! Thanx a lot for this tutorial..
@ibrahimshemeem1356
@ibrahimshemeem1356 4 года назад
Me too..
@jamalhossain2653
@jamalhossain2653 2 года назад
Thanks. This video is total solution. Very Very Thanks. From : Bangladesh.
@kthngo.ngan03
@kthngo.ngan03 6 лет назад
Hi ayoo. I'm an igcse student currently studying website authority. Thank you so much for your videos ^^
@SaifulIslam-ke4tv
@SaifulIslam-ke4tv 6 лет назад
i am from Bangladesh and tnx a lot for the vedio tutriol
@brookiethecat8292
@brookiethecat8292 4 года назад
Thanks it help me a lot
@BELUGA-NASA
@BELUGA-NASA 4 года назад
thanks my best teacher,this is a good oppertunaity for us to learning something from u.
@kazindublin
@kazindublin 5 лет назад
Hey, Great tutorial! THANKS! Question: How do I get the font in the 'textarea' to match the rest of the placeholder text?
@agauggaming846
@agauggaming846 6 лет назад
Thx for the toturial, this video is the only what I need to learn to make my ICT project, I helps a lot.
@dylanaguilar1149
@dylanaguilar1149 5 лет назад
funny my schools short name is ICT
@iconsworld9
@iconsworld9 3 года назад
I have a question, so can you use add the border of the table, in the html file. With writing the command after the element name in the open bracket?
@nifemiadeoluwa9510
@nifemiadeoluwa9510 2 года назад
Daniel Thanks Very Much For This Lesson, I really understood very thing you said keep up the good work.
@KimharaNaik
@KimharaNaik 5 месяцев назад
Thank you soo much for this! 😊
@ultra_gamers.77
@ultra_gamers.77 Год назад
Thank you you have helped me💯. I hope you read this comment
@Mordihamagniv
@Mordihamagniv 2 года назад
what program are you using?
@parthpanchal3904
@parthpanchal3904 6 лет назад
Daniel Your videos and way of explaining it is so simplistic. Love your work, Please continue making this videos. It has helped me in my Exams. -Love from India
@yongvuthivathnakk6080
@yongvuthivathnakk6080 3 года назад
It works! Thank you so much.
@roshansebastian1862
@roshansebastian1862 5 лет назад
Great tutorial...Thank you for sharing... And you mocked us at 4:23 :)
@umerfarooq6992
@umerfarooq6992 4 года назад
Love this vedio beacuse this vedio iss very help ful to make my assingment
@John-wx3zn
@John-wx3zn 2 года назад
Thank you sharing this beautiful technology.
@STCoachingBD
@STCoachingBD 4 года назад
Thanks dear. This is help full tutorial....
@mamunoorrashid4336
@mamunoorrashid4336 5 лет назад
That's a great tutorial for me।spacial thanks for these vedios
@heavencanceller1863
@heavencanceller1863 3 года назад
This helped me out a lot. thank you!
@luoginmorgen3641
@luoginmorgen3641 3 года назад
Thank you very much it helps me a lot
@tGoldenPhoenix
@tGoldenPhoenix 2 года назад
Thank you.
@moyanis8835
@moyanis8835 3 года назад
such a helpful video, thanks bro
@sushi_stan
@sushi_stan 5 лет назад
Thank you so much for this tutorial!!!!
@fannyolmos4505
@fannyolmos4505 3 года назад
thank you, this was simple but to the point! helped a lot!
@Ocean7Fox5
@Ocean7Fox5 4 года назад
How do I target specific cells that use colspan or rowspan to color specific blocks a certain color? I tried using ID but it did not work.
@mdshafique007
@mdshafique007 4 года назад
Hello sir....would like to get bootstrap Tutorials. You make everything so easy..... Thanks a lot.
@muhammadjunaid4558
@muhammadjunaid4558 2 года назад
Good teaching style and also good table creating
@OtakuHeaven
@OtakuHeaven 6 лет назад
It may have came in an earlier video, but it seems like you should have some informaiton on columns, colgroup, span, and rowspan if you're going to make a tutorial about tables.
@br31woodlands69
@br31woodlands69 4 года назад
Very good. Thank you much.
@denshin2724
@denshin2724 5 лет назад
Verry clear. Thnkyou!
@rikshanrajavel1331
@rikshanrajavel1331 3 года назад
very useful
@SaskoJakimov
@SaskoJakimov 3 года назад
Thanks a lot !
@phoenixempire8886
@phoenixempire8886 4 года назад
Thank you, I'm brand new with html and css, by chance I found out if I make space between (tr) and :nth-child(even), the column will be colored instead of the row tr :nth-child(even){ background-color:#fff; } tr :nth-child(odd){ background-color:#ddd; } the space beteen the (tr) and the colon (:) make difference
@codewithegai
@codewithegai 2 года назад
Noob lol
@gameofpsychology
@gameofpsychology 4 года назад
super helpful thanks !!!
@purplegoat2500
@purplegoat2500 4 года назад
how did you do that shortcut at 0:28 with the table tag? My Atom doesn't show the green arrow.
@minty1110
@minty1110 Год назад
Thanks for that, great tutorial
@2khanad
@2khanad 5 лет назад
thank for video but the table color dont work on sublime text3 and ntd -child two what can i do
@abushreefihtube3689
@abushreefihtube3689 3 года назад
Thank you!
@roachjuice5222
@roachjuice5222 2 года назад
Great video, thanks👌🏿
@phantom1z737
@phantom1z737 4 года назад
it is possible to use width whith coloms ? (ex: src="images/quokka.jpg" alt="Quokka (Setonix brachyurus)" ?
@manshaalagh23
@manshaalagh23 5 лет назад
your explanation is so good !!
@hertechera
@hertechera Год назад
Thank you very much for this
@Dani_Krossing
@Dani_Krossing Год назад
I have a newer 2023 HTML course, in case you are following this playlist 🙂
@khashayarmo1027
@khashayarmo1027 5 лет назад
beautiful man. yourrrr best Bro
@SaeedKhan-op3by
@SaeedKhan-op3by 2 года назад
How would you use CSS if you have have more than one table?
@markoolejnik9418
@markoolejnik9418 3 года назад
Thx for help with homework
@denzelnobela8572
@denzelnobela8572 Год назад
Thanks for explaining everything easy
@Dani_Krossing
@Dani_Krossing Год назад
You are welcome ☺ You may have missed it, but I have a new updated HTML course on my channel, which is MUCH better than this one. 🙂 The playlist is linked in the pinned comment under this video.
@knowthyinfinity7255
@knowthyinfinity7255 5 лет назад
Hello. Great videos. What if I wan to have just one horizontal line at the top and one vertical on the left without cells?Thank you.
@gregtimmons9952
@gregtimmons9952 3 года назад
how did he make a style sheet separate from the html file??
@marcuslymberis6188
@marcuslymberis6188 2 года назад
how can you allow text inputs in the cells, if you want the user to be able to type into the table?
@jimstrong4279
@jimstrong4279 4 года назад
thank you you helped me a lot
@zonsubba3654
@zonsubba3654 3 года назад
You really sound like Astralis CS GO player xyp9x and glave. To be exact i.e Like glave :D ahhh your videos are really helpful and educational. P.s I like your accent though.
@EnzoAuditore
@EnzoAuditore 2 года назад
Thank you so much mate
@nitinverma5163
@nitinverma5163 5 лет назад
Nice explanation
@CesarJuarezVargas
@CesarJuarezVargas 2 года назад
How would you insert a blank row within the table?
@MrGamer-rt5zy
@MrGamer-rt5zy 2 года назад
Which code editor do u use
@TheBlxryBoi
@TheBlxryBoi 2 года назад
What was the platform in which U made this
@mishkatahbabchoudhury6882
@mishkatahbabchoudhury6882 2 года назад
Appreciate you man, real easy simple tutorials helps me a bunch! Much luv from Sweden
@benshomer2940
@benshomer2940 3 года назад
what is the name of your app? that ur using?
@nibirzubayer4055
@nibirzubayer4055 3 года назад
subcribed dude thanks
@hashirrao3480
@hashirrao3480 8 месяцев назад
have much from this thanks you
@kimjongun5857
@kimjongun5857 3 года назад
How can I align one header under 3 cell
@TheBroodler
@TheBroodler 4 года назад
how to make to your table responsive for any type of screen?
@js_programmer8423
@js_programmer8423 5 лет назад
why does horizontal scroll not work for IOS? but android
@GOMATHIANANDHAN
@GOMATHIANANDHAN 3 года назад
Sir! How to adjust the table columns?
@genie365
@genie365 6 лет назад
Why does the last column of my table move out of place when I do padding in percents?
@kmattthephonefarmer4028
@kmattthephonefarmer4028 3 года назад
How do you uh position tabels
@koyamanger2537
@koyamanger2537 3 года назад
Does not work on mine. I don't know why. Do i need to wait for it to load?
@lanlenguyenthanh1027
@lanlenguyenthanh1027 2 года назад
so how can i make another table which has position next to the previous one?
@derrelljones8281
@derrelljones8281 4 года назад
Beautifully explained, thank you.
@SAlsaleh.888
@SAlsaleh.888 2 года назад
very helpful thanks
@balintspiak4507
@balintspiak4507 4 года назад
What is the name of the program you used in this video?
@italia-4i-18nguyendieuthao8
@italia-4i-18nguyendieuthao8 2 года назад
tks a lot i havent met anybody that teach better than u, i major in language department and now turn to learn code and it really new world for me, ur vid and the way u teach are so easy to understand and i really appreciate that
@rguih
@rguih 5 лет назад
You use notepad??? Which app is it??? Where do u write codes
@neging.7377
@neging.7377 5 лет назад
I think he's using the Atom code editor.
@electronicheartbreak.
@electronicheartbreak. 6 лет назад
You can also do the tag?
@Dani_Krossing
@Dani_Krossing 6 лет назад
Yes the legend tag can be used inside a fieldset tag as a caption :)
@iyedgrassi7870
@iyedgrassi7870 3 года назад
the echo sound mann sheeeshh xDD nice video btw love it
@anasali5980
@anasali5980 2 года назад
Thankz bro
@georgebassey3911
@georgebassey3911 2 года назад
Thanks man
@tanny_edits
@tanny_edits 2 года назад
how about long data inside a cell/ table data?
@kishorevenkathkrishh4262
@kishorevenkathkrishh4262 4 года назад
You forgot to explain the "display:table" , "display:table-cell" that you mentioned while creating the responsive website bro.. was expecting on this lesson :(
@HealthyNugget
@HealthyNugget 8 месяцев назад
Hi, How can create a table in html with 100 rows?
@roseybrown5086
@roseybrown5086 5 лет назад
how do you make a 4x5 html table ?
@westernpigeon
@westernpigeon 3 года назад
im having this problem that whenever i create two tables, one on top of the other, they're never the same size. one table has smaller columns than the other table. ive been trying to solve this for the past 2 days. does anyone have an idea?!
@denisbodea8082
@denisbodea8082 3 года назад
put them into a div with a width setted by you and then set the tables width to 100%, this could help maybe
@rudra.ganagona
@rudra.ganagona 3 года назад
7:15 5:50 1:46
@Rebeccasparkle
@Rebeccasparkle 4 года назад
thank you so much, life saver!
@ompatil6537
@ompatil6537 4 года назад
How to create multiple tables
@sandunishenaya2664
@sandunishenaya2664 4 года назад
Can you transfer the languages for sinhala.im from sri Lanka.....
@arunchowdhury4366
@arunchowdhury4366 3 года назад
good
@the_infinity_channel
@the_infinity_channel 3 года назад
Hello everyone. Can someone explain me how to put table bellow some contents ? My table display side by side to one div text element...
Далее
Watermelon magic box! #shorts by Leisi Crazy
00:20
Просмотров 2,7 млн
HTML Tables Tutorial with CSS Styling - Crash Course
29:03
Styling HTML tables with CSS -  Web Design/UX Tutorial
9:52
How to create a responsive HTML table
27:19
Просмотров 219 тыс.
Learn HTML tables in 3 minutes 📊
3:58
Просмотров 295 тыс.
Learn HTML Forms In 25 Minutes
24:56
Просмотров 973 тыс.
How to create a CSS navigation bar in 6 minutes! 🧭
6:28
Watermelon magic box! #shorts by Leisi Crazy
00:20
Просмотров 2,7 млн