8: Introduction to Classes and IDs in HTML | Learn HTML and CSS | Learn HTML & CSS Full Course

Sdílet
Vložit
  • čas přidán 5. 09. 2024
  • FIND MY 2023 COURSE HERE: • 6 | ADD STYLING TO HTM...
    Introduction to Classes and IDs in HTML | Learn HTML and CSS | HTML tutorial. Today you will learn about HTML Classes and IDs, which are used to target a specific HTML element, in order to style it using CSS.
    ➤ GET ACCESS TO MY LESSON MATERIAL HERE!
    First of all, thank you for all the support you have given me!
    I am really glad to have such an awesome community on my channel. It motivates me to continue creating and uploading content! So thank you!
    I am now using Patreon to share improved and updated lesson material, and for a small fee you can access all the material. I have worked hard, and done my best to help you understand what I teach.
    I hope you will find it helpful :)
    Material for this lesson: / lesson-material-42361704

Komentáře • 219

  • @Dani_Krossing
    @Dani_Krossing  Před rokem +3

    NEW UPDATED 2023 COURSE AVAILABLE! 🙂
    You can find it here: czcams.com/video/6xgLY8kSXO8/video.html&ab_channel=DaniKrossing

  • @bhanutirumala1083
    @bhanutirumala1083 Před 6 lety +230

  • @kingcrack325
    @kingcrack325 Před 5 lety +95

    I’ve learned so much from your videos than my 4 yrs in college, thank you

  • @necessarytips7410
    @necessarytips7410 Před 5 lety +37

    body {
    color:aqua;
    background-image: url(image.jpg);
    border: 3px dashed black;
    }
    h1 {background-color:white;}
    THANK YOU SO MUCH

  • @duckyboy9998
    @duckyboy9998 Před 2 lety +7

    I learned more than I ever learned in any school I been in or tutorials LOL this guy makes it so simple to understand, thats a sign of someone who knows their knowledge. Thank you for sharing the free knowledge with us, youre creating a new generation of greats!

  • @Ahmed-us5ns
    @Ahmed-us5ns Před 3 lety +9

    You have a talent for teaching. Not many can teach the way you do! I am very grateful for you man!

  • @nasirfinch8975
    @nasirfinch8975 Před 5 lety +18

    I just wanna say thank you for this course. I'm learning more here than I am in a 4 hour class using atom.

  • @boggelzz
    @boggelzz Před rokem +4

    Videos like these are a testament to how easy it is to learn this kind of stuff online. Great stuff.

  • @apporvaarya
    @apporvaarya Před 6 lety +9

    now i will never forget difference in class and id. Thanks Sir :)

  • @jaabrty
    @jaabrty Před 7 lety +11

    Hopefully we see more css grid examples in future. I like your lectures. even though I finished css course long time ago, I still want to watch the new lessons.

  • @rahee3036
    @rahee3036 Před 3 lety +2

    You are the best teacher and also the best programmer in this world. Thank you very much. I have almost learned 95% of coding from You! Thanks a ton, sir! *Saluting*

  • @ahmedfenix5091
    @ahmedfenix5091 Před 3 lety +2

    Sensei im slowly following and applaying what im learning from your lessons that are so well done and so detailed that not even school gives so precise teaching.. appreciate and thanks full for your videos!
    Keep it up

  • @mohammedfaizal6799
    @mohammedfaizal6799 Před rokem

    Hi dani i became a software developer in my ofc, ur vedios helped me a lot

  • @chandrasekhar9819
    @chandrasekhar9819 Před 5 lety +2

    6:39 you said that we cannot have the same value of id . But i tried having the same id value for different element and it is working . Style is applied there for both elements . Some brainless creatures had created the id and class even though both have same functionality .

  • @aakankshthepianist4953
    @aakankshthepianist4953 Před 3 lety +1

    I had no experience in coding and I have learnt so much

  • @amandanamikata9600
    @amandanamikata9600 Před 4 lety +1

    You are the best teacher ive ever seen. Thank you very much for this awesome content!!

  • @abdulmohaiyminkhan2652

    I went through some extensive tutorials but couldn't understand the concept of classes and ids ultimately, just 2 minutes of your video did the magic!

  • @danielmagar517
    @danielmagar517 Před 7 lety +3

    Now ,i got what I want. Thanks a lot.

  • @andrewliamdesigndevelopment

    Bless, I have been curious for the past 24 hours as to how people are creating single-page website and linking to a section within that page. They are using IDs. Thank you! Subbed.

  • @owen3666
    @owen3666 Před 2 lety

    Thanky you for being seemingly the only person on the entire internet who shows how to have classes for h1's

  • @jbcboxer280
    @jbcboxer280 Před 6 lety +2

    i think my brain has got 10x bigger just from watching 8 vids of this series IMA WATCH MORE!

  • @One-N-Only520
    @One-N-Only520 Před 5 měsíci

    Thanks for this video. You answered alot of what had me confused and i was having a hard time finding the answers untill i stumbled upon this here ... Nice

  • @aizazkhan2583
    @aizazkhan2583 Před 4 lety +1

    wow sir great....! you are awesome it is really helpful

  • @ilian0002
    @ilian0002 Před 7 lety +79

    You look like Elon Musk on the thumbnail

    • @mikeydal8460
      @mikeydal8460 Před 5 lety +3

      that's what I've always thought

    • @raktimjs
      @raktimjs Před 3 lety

      He's my god (Elon Musk)

    • @degangstaminer
      @degangstaminer Před 3 lety

      thats not even him

    • @raktimjs
      @raktimjs Před 3 lety

      @@degangstaminer Then?? Who's him??

    • @ROMSradio
      @ROMSradio Před 3 lety

      He's Elon's under-ahieving younger brother

  • @sripathiavinashkumar936
    @sripathiavinashkumar936 Před 4 lety +1

    The Best Series For Begginers 👍

  • @dilshanmalaka705
    @dilshanmalaka705 Před 3 lety

    Wonderful Tutorial.....!!!!!!

  • @papapaul226
    @papapaul226 Před 5 lety +1

    thank you for explaining the difference.

  • @cannottell279
    @cannottell279 Před rokem

    Thank you. Very well explained.

    • @Dani_Krossing
      @Dani_Krossing  Před rokem +1

      If you are following the course, I recommend checking out my new 2023 course. :) It is linked in the pinned comment

  • @collinchurch1436
    @collinchurch1436 Před rokem

    Really helpful, thank you:)
    Helped me with my CIS homework!

  • @suphallakai8632
    @suphallakai8632 Před měsícem

    Your video is so helpful 😊😊

  • @kenanklovitch8117
    @kenanklovitch8117 Před 7 měsíci

    Thank you I sort of understood that.

  • @surinfarmwest6645
    @surinfarmwest6645 Před 7 lety

    Daniel,
    very useful for me, thank you! The fog regarding "class" and "id" has been lifted.
    Farm West

  • @michalroesler
    @michalroesler Před rokem +1

    That's a good tutorial. It's in English.

    • @Dani_Krossing
      @Dani_Krossing  Před rokem +1

      My updated course, which I linked in the pinned comment, is MUCH better than this playlist here. 🙂

  • @nishithbaravkar7549
    @nishithbaravkar7549 Před 3 lety +1

    thanjs a lot dani this video was very informative

  • @senthilkumarpalanisamy365

    Clear-cut explanation. Please do more.👍👍👍🙏🙏🙏🙏

  • @baryalaiahmad2568
    @baryalaiahmad2568 Před 2 lety

    It helps me a lot, thanks.

  • @chadsilver1075
    @chadsilver1075 Před 2 lety

    you are incredible

  • @princezaman6134
    @princezaman6134 Před 2 lety

    Wow thank you so much that really helped

  • @user-kt7iz5jk4c
    @user-kt7iz5jk4c Před 9 měsíci +1

    Thanks g

  • @lucieniarissetto5012
    @lucieniarissetto5012 Před rokem

    man!, you are so good at html and css . where do you all this knowledge

    • @Dani_Krossing
      @Dani_Krossing  Před rokem

      Thanks! This is my old course though. 🙂 I have a new “2023 HTML & CSS course” on my channel, which is MUCH better.
      I learned all of this during and after my Bachelor’s degree in Web Development. 🙂

  • @eo4295
    @eo4295 Před 3 lety

    Thanks, you're a lifesaver!!

  • @Brosephh2
    @Brosephh2 Před 10 měsíci

    Great bite sized video

  • @CredoVG
    @CredoVG Před 3 lety

    Omg! Thank you for the breakdown! I've learned a lot from this video.

  • @ROMSradio
    @ROMSradio Před 3 lety

    Wow thank you so much DANIIIIIIIIIII!!!!!!!!!!!

  • @xshu_.
    @xshu_. Před 3 lety

    appreciate it man i finally understand what i needed to do!

  • @josuemerigo4506
    @josuemerigo4506 Před rokem +1

    I am a master of I.d’s and classes now

    • @Dani_Krossing
      @Dani_Krossing  Před rokem

      I have a new 2023 course btw 🙂 which is much better than this one

  • @coolsweatz
    @coolsweatz Před 3 lety

    Really awesome video thank you bro you really broke it all down

  • @yass1266
    @yass1266 Před 2 lety

    Very helpfull. Followed several courses to get certification . Made several website projects, but never was it explained that well. Doing what I do, but still think why ... Also using JS and relealizing id's are related to Javascript getElementById and so on. Afterwards do I contain it. How you explain it makes it more tangible. 😃Thank you!

  • @ashleyrossgoingmerrily

    Thank you!!!! You've saved me so many times XD I really appreciate it!

  • @heinrichgeis3582
    @heinrichgeis3582 Před rokem

    Allocating a new class to a H2-tag might work. It does not work with composite tags like which contain other tags like and often . The inner tags will not adhere to the new CSS rules. At least not, when I am doing it. Do I have to set up a new class for and , too? Thx. H.

  • @hasanalaloosi4627
    @hasanalaloosi4627 Před rokem

    Clear fantastic explanation. Much appreciated bro !!

    • @hasanalaloosi4627
      @hasanalaloosi4627 Před rokem

      forgot to mention this... YOU"RE WAY BETTER THAN MY PROFESSOR IN SCHOOL !!!!

  • @personunknown7129
    @personunknown7129 Před 3 lety

    Exam in two hours, thank you so much!

  • @i.a6146
    @i.a6146 Před 3 lety

    Explained it so good thanks now i can finally help my group yay

  • @bullybred5291
    @bullybred5291 Před 2 lety

    Great work here you make everything so simple

  • @michaelolowe8593
    @michaelolowe8593 Před 4 lety +3

    Kudos to all those learning to code during quarantine ✌️♥️

  • @poshspicevic
    @poshspicevic Před 3 lety

    This is so well-explained! Thank you for these series!

  • @bar_ista0215
    @bar_ista0215 Před 2 lety

    Thank you bro ❤️

  • @gokce413
    @gokce413 Před 2 lety

    english is not my main but your videos still understandable. thanks

  • @abdelrahmanmohamed5425

    that is one of the wonderful videos and tutorials I had learned. thanks a lot.

  • @metalgoat69
    @metalgoat69 Před 2 lety

    I am learning so much of this videos!!!

  • @dev_willyy
    @dev_willyy Před 2 lety

    /*This is awesome*/ 😀

  • @webworldzone962
    @webworldzone962 Před 3 lety

    Nice video..you are doing great..since I also run education channel but also love to see other youtuber who are educating people worldwide. Keep the good work 👍

  • @crisvok
    @crisvok Před 5 lety

    these vids are fucking dope my guy. waayy better at explaining than my college classes

  • @rubenscj4772
    @rubenscj4772 Před 2 lety

    You helped me a lot .
    Thank you.

  • @minhtriton127
    @minhtriton127 Před 6 lety +2

    thank you some much

  • @earlessbear5123
    @earlessbear5123 Před 6 lety +2

    I subbed cuz your amazing. Go on like this

  • @ReyGotSumCents
    @ReyGotSumCents Před 4 lety

    mmtuts is awesome

  • @MauriceWilliams
    @MauriceWilliams Před 3 lety

    Coding is super hard for me to understand, but I love learning how to code, and practicing it.

    • @Dani_Krossing
      @Dani_Krossing  Před 3 lety +1

      I'm glad you enjoy coding! 🙂
      Just a quick "correction" in case you meant HTML or CSS = coding 😊 HTML is a "markup" language, and CSS is a "styling" language. "Coding" is any language that is used for creating "logic". 🙂 Like JavaScript, PHP, C#, Python... etc.

    • @MauriceWilliams
      @MauriceWilliams Před 3 lety

      @@Dani_Krossing thanks 🙏

  • @theanonymousgamer8394
    @theanonymousgamer8394 Před 3 lety

    Man I was searching for this this kinda tutorial.....AWESOME!!

  • @SkepticalBill
    @SkepticalBill Před 3 lety

    thanks a lot!

  • @mourbatsalim4830
    @mourbatsalim4830 Před 3 lety

    thanks a lot

  • @adomicarts
    @adomicarts Před 3 lety

    thanks sir

  • @esnatzea
    @esnatzea Před 5 lety

    Great content. Thank you!

  • @08054103194
    @08054103194 Před 6 lety

    many computer training school in my country are now using your videos on html css and php as their standard for teaching theirs students please full tutorials on bootstraps and java programming pleassssse

  • @cfuman
    @cfuman Před 5 lety

    Great video, thank you!

  • @katkaslana
    @katkaslana Před 5 lety +1

    just 2 minutes and I got it" thanks

  • @jackfrost8969
    @jackfrost8969 Před 6 lety

    amazing .
    thanks a lot dude. keep up the good work

  • @nadjaleijonros1323
    @nadjaleijonros1323 Před 3 lety +1

    Thank you!

  • @danielshama3097
    @danielshama3097 Před rokem

    Thanks bruh

  • @heavenmashingaidze6488

    you are greatfull man keep working on it uuuuu awesome (i can like and subscribe)

  • @buidangquang
    @buidangquang Před 5 lety

    great video. Thanks

  • @AshfaaqCurimbaccus
    @AshfaaqCurimbaccus Před 3 lety

    perfectly explained !

  • @DivineZeal
    @DivineZeal Před 6 lety

    Great guide ty

  • @martinpinto3214
    @martinpinto3214 Před 4 lety +1

    Finally!

  • @ajay54321
    @ajay54321 Před 4 lety

    real clearly taught!

  • @kathymarinwohlfeld2226

    Thanks so much!

  • @OpRaven-62
    @OpRaven-62 Před 3 lety +1

    I made a class in my h3 tag, and I'm pretty sure that I just targeted it correctly in my css file, however it's not changing the format.

  • @waltercampbelle334
    @waltercampbelle334 Před 2 lety

    nice

  • @deepjyotibaishya7576
    @deepjyotibaishya7576 Před 7 lety

    You are awesome sir . Make more video

  • @ounissanezla1793
    @ounissanezla1793 Před 2 lety

    hello please can u do video about the different classes of div for exemple

  • @briantw
    @briantw Před 3 lety

  • @RandomDude00001
    @RandomDude00001 Před rokem

    How bout for img and videos how can I edit them differently when I have multiple img and videos?

  • @jackywong941
    @jackywong941 Před 6 lety

    finally i figure out what's different between class and id

  • @ginomedia
    @ginomedia Před 4 lety +6

    Skip to 5:52 for the class vs id part.

  • @jahzealibeh3492
    @jahzealibeh3492 Před 2 lety

    please what is the difference between .index and class
    can they serve the same purpose

  • @skfkfkd
    @skfkfkd Před 5 lety

    this video was amazing

  • @baghead5398
    @baghead5398 Před 3 lety +1

    Do I need a degree in computer science to get anywhere as a back end developer?

  • @beautaieful
    @beautaieful Před 4 lety

    You summed up all my mistakes

  • @alexkim-soo2845
    @alexkim-soo2845 Před 2 lety

    why does resetStylesheet also reset my default h1 size and h2 size? they all now size of h3 or is that suppose to happen and that now i need to style everything O.o?

  • @shankardandge9516
    @shankardandge9516 Před 7 lety +8

    Java Java java java java java programming series please