1 | INTRODUCTION TO HTML & CSS | 2023 | Learn HTML and CSS Full Course for Beginners

Поделиться
HTML-код
  • Опубликовано: 25 июл 2024
  • In this video I will be recreating my HTML and CSS course, since my other one (while still being relevant) is getting a bit old. 🙂 So with this course here I will teach you how to make a complete website one step at a time.
    Full playlist: • 1 | INTRODUCTION TO HT...
    ➤ TIMESTAMPS
    00:00:00 - Introduction
    00:00:52 - What do you need to make websites?
    00:01:54 - Text Editors I recommend
    00:05:23 - Preparing your Text Editor
    00:07:05 - How to set up your website project
    00:12:56 - What is HTML and CSS?
    00:14:28 - How to create your first page
    ➤ 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 and RUclips Memberships to share improved and updated lesson material, and for a small fee you can access all the material either from my memberships or Patreon, depending on your preference. I have worked hard, and done my best to help you understand what I teach.
    I hope you will find it helpful :)
    Memberships: / @dani_krossing
    Patreon: / mmtuts

Комментарии • 103

  • @Dani_Krossing
    @Dani_Krossing  Год назад +56

    Hi everyone! After a long break from web dev tutorials I am finally back again and ready to get back into making videos on it again. 🙂 Based on my analytics, I can see that about 80% of my top watched videos are on "HTML & CSS", so I have decided to update my older course and create "fun" web dev videos in-between. 😊 Hope you all enjoy!
    EDIT: Anyone with a sharp eye will notice that Atom is being retired in 4 days... So just ignore that recommendation. 😂

    • @OscarNASHAD
      @OscarNASHAD Год назад +1

      Ready to learn again

    • @yousifky
      @yousifky Год назад +1

      Finally 😍❤❤❤❤

    • @edwardkiarie2860
      @edwardkiarie2860 Год назад +2

      I became a web developer from watching your RUclips videos.. Keep alive man... Thanks

    • @yousifky
      @yousifky Год назад +2

      @@edwardkiarie2860 Me too

    • @fadidib8516
      @fadidib8516 Год назад +1

      looks like the burnout has ended.

  • @HomeLander-kx4dt
    @HomeLander-kx4dt 3 месяца назад +9

    I'm turning 21, and I'm starting to practice hobbies that are actually useful for my future. This seems like a really good course.

  • @fissionchips223
    @fissionchips223 11 месяцев назад +6

    Yet another fantastic installment, Dani! Thank you for revisiting HTML and CSS and updating for 2023. . . your instruction is invaluable! And super-fun!

  • @barshatiwari6011
    @barshatiwari6011 2 месяца назад +2

    Very well explained even for the beginners it was clear to learn
    Thank you gonna start looking your videos ❤

  • @mirabellaignat6533
    @mirabellaignat6533 14 дней назад

    thank you!!! very helpful and well-explained, thank you!!!

  • @joshuaovie3374
    @joshuaovie3374 11 месяцев назад +6

    Thanks for this Dani! I love your clarity and eloquence. You have also made this training very friendly and easy to navigate. Thanks a lot!

  • @wawosy
    @wawosy 3 месяца назад +1

    wow wow good from philippines. iwant to learn good explain

  • @skye927
    @skye927 Год назад +2

    I can't wait to do this course! Your videos have always helped me since back in degree! 🥰

  • @processingtheinfo
    @processingtheinfo Год назад +2

    just finished the first video of this playlist and it was so helpful and clear. i am def going to watch next videos. thanks for sharing this for free!

  • @jorgeartaza9030
    @jorgeartaza9030 9 месяцев назад +5

    I want to say that I love how you teach and have learned much about web development from you. I was just wondering if you could make an updated javascript playlist version like you did for HTML and CSS. thank you so much keep it up.

  • @theophilus7422
    @theophilus7422 Год назад +1

    Excellent. I look forward to learning with this new series. Thanks.

  • @Stoney_Eagle
    @Stoney_Eagle Год назад +3

    😱🤯🥳🥰🥰

  • @isaacbanks6860
    @isaacbanks6860 Год назад +10

    Hey Bro! Thanks so much for all of your help. I have been watching and following your HTML/CSS/PHP courses for years. You have helped me get jobs from following your tuts! Are you going to be doing updated PHP as well?

  • @yousifky
    @yousifky Год назад +12

    The best tutorial on the internet.

    • @CsMuia
      @CsMuia Год назад +2

      No doubt.

  • @tomsawyer3947
    @tomsawyer3947 3 месяца назад +2

    I'm a old dinosaur C, C++, C# programmer. Since I now have to learn Web page programming I wanted to thank you for your videos. I'm off and running! But, perhaps more importantly, I wanted to tell you that I got to visit Denmark way back in 1983. I spent 4 days in Aarhus. It was wonderful! Out of all the countries I got to visit Denmark will ALWAYS be my absolute favorite. I tell people about it whenever I get the chance. Now to continue your lessons...

    • @user-vg7pn7ke9d
      @user-vg7pn7ke9d Месяц назад

      i love c# too! its my fav lang, im learning httml and css because blazor uses them.

  • @MaryMakhutu
    @MaryMakhutu 10 месяцев назад +2

    Very well explained. Greatful that i came a cross your channel, looking forward to the next channels

  • @anwarsh9576
    @anwarsh9576 3 месяца назад +1

    thank you for doing this for free :)

  • @coralarteagatoro
    @coralarteagatoro Год назад +3

    Wonderful!

  • @Mohammadreza-Dolati
    @Mohammadreza-Dolati Год назад +2

    Hi master, I'm gonna start my programming journey with your tutorials , thanks a lot for your useful contents, ❤️ from Iran

  • @davidpromise2873
    @davidpromise2873 Год назад +2

    Good day,
    I really love your HTML and CSS course.
    Please add SVG, animate and most of the latest HTML 5 tags to this course. 💖💓
    Best tutorial ever

  • @apollo7804
    @apollo7804 Год назад +2

    I love it so much please include advanced concepts 🥺

  • @threefingersalute
    @threefingersalute 5 месяцев назад

    ❤🙏

  • @dr.d303
    @dr.d303 Год назад +2

    Please continue your web tutorials, your the best!

  • @michalroesler
    @michalroesler 10 месяцев назад +2

    Great video tutorial Dani.

  • @user-un7mb8nb8b
    @user-un7mb8nb8b 7 месяцев назад +1

    Excellent information. I understand better now. Thanks

  • @otayga
    @otayga 7 месяцев назад +1

    the BEST, thankyou brother

  • @l.a.w-2323
    @l.a.w-2323 Год назад +1

    This channel motivates me to proceed my web development learning to become a junior dev I continue my path with this video and much more

  • @jeffu3248
    @jeffu3248 Год назад +1

    Thank You!

  • @agwuyeivan7583
    @agwuyeivan7583 Год назад +2

    Missed you, my guy. Best teacher, ever!

  • @gonefishing2006
    @gonefishing2006 Год назад +1

    I've used Visual Studio for several years and learned more about it (in some ways) on this one video and one other than I ever learned prior. A lot of people that teach these things seem to think you (the viewer) understand the editor (and yeah I could search for specific videos regarding it) but.

  • @anfalratul6540
    @anfalratul6540 Год назад +1

    Thank you so much. love from Bangladesh ❤️

  • @kiwicrafter
    @kiwicrafter 8 месяцев назад +2

    I started a long time abo and use a free version but today it is no longer vailablecalledhomesite
    e 4.5

  • @samuelzev4076
    @samuelzev4076 Месяц назад

    Is there a way I can contact you to ask about programming? I have a basic understanding of HTML and CSS but my syntaxing still sucks at times.

  • @michaelbritz5981
    @michaelbritz5981 Год назад +2

    hi dani i started html and css this year september and i watched all your videos on it from back then. can you please go into more detail on how to make a responsive webpage. like do 1 for tablets and 1 for phones but start it from scratch please. as the 1 you did before confused me as you were talking about your banner etc please would be a great help. all 60 people from my morning and afternoon class i recommended your channel to learn as you teach so well thanks so much

  • @JakeLoki
    @JakeLoki Месяц назад

    hello Mr. Dani. How to become a front-dev? and what do I need to learn?

  • @cptlucian2908
    @cptlucian2908 Год назад +2

    Love to see you do web design tutorials using figma

  • @agroxk
    @agroxk Год назад +2

    actually learnt html from your videos lol, btw thanks :)

  • @yousifky
    @yousifky Год назад +3

    Javascript next please 😍😍❤❤❤❤❤❤❤❤

  • @AdelinBonheur
    @AdelinBonheur Год назад +1

    That's good but you may also continue in the PHP to the advanced level since is the language which is helping us to make some money and you're the only tutor I trust in PHP.

  • @suleymanakyuz6533
    @suleymanakyuz6533 29 дней назад

    hi tutor.I wanna ask a question.Actually ı cannot learn as write to notebook because that taking a lot time.Do you have any pdf or book or anything like these?ıf you answer ı'll be happy😊

  • @fostajocharlotin5253
    @fostajocharlotin5253 Год назад +1

    I m start with, i ll make success because i love programming

  • @mymy_oneseven
    @mymy_oneseven 11 месяцев назад +2

    Hello dani, do you a JavaScript tutorial for beginners?

  • @CsMuia
    @CsMuia Год назад +2

    Happy New Year.

  • @user-et6cx3eg7z
    @user-et6cx3eg7z 7 месяцев назад +1

    ❤❤❤

  • @xypertv5754
    @xypertv5754 Год назад +2

    My fav content creator 💖

  • @gonefishing2006
    @gonefishing2006 Год назад +1

    I'm restarting here and hoping you will update the PHP stuff as well.... and the login page.

  • @almerdavidsolis7287
    @almerdavidsolis7287 Год назад +1

    I have a question. Is your AJAX and JQuery playlists still good to apply at this time? Thank you so much!

  • @bloodshot_pico
    @bloodshot_pico Год назад +2

    Hey sorry, was wondering if there's any help for Responsive Dropdown Navigation menus at all? I've been looking everywhere and so far this course has helped me in that specific field until I found out there wasn't a drop down on video 12. :) The video actually helps me understand how to get different items inside each other and how they work etc. I just struggle with the drop down menu part. And the responsive part, mainly because I'm not touching Javascript until later.

    • @Dani_Krossing
      @Dani_Krossing  Год назад +3

      It has been extremely requested to show how to do dropdown menus, so might prepare one for the video after the next one :)

    • @bloodshot_pico
      @bloodshot_pico Год назад +1

      @@Dani_Krossing Would really appreciate it, other videos don't explain anything. They just play music over the top and expect you to know what to do. :/ Only source I've been able to find that actually teaches this in good fashion is yourself. :)

  • @opekesamuel6003
    @opekesamuel6003 Год назад +2

    THXS

  • @Meghasaloni
    @Meghasaloni Год назад +1

    Hello...can u plz help..when i am printing a report.. printing first page blank then my report...plz help me WHAT CSS to USE to REMOVE FIRSR BLANK PAGE

  • @cryptologistics
    @cryptologistics 6 месяцев назад +1

    Can I make a listings website based on this type of coding or do you have to have a directory

  • @adaptivehackerkhan
    @adaptivehackerkhan 10 месяцев назад +1

    Ah, Head is like the brain of the website and body is what you see!

  • @jongztalavera7319
    @jongztalavera7319 Год назад +2

    hello sir what is my first video that i need to watch..what is the sequence of your video in your playlist

    • @Dani_Krossing
      @Dani_Krossing  Год назад +2

      The playlist is on my channel page 🙂

  • @samnako
    @samnako Год назад +1

    My teacher, welcome back at last. Thank God you came out of Web Development Retirement.
    I have been wondering what happened to you. I am happy you are back. Smile man. You are the best teacher I must tell you.

  • @sarahpotter1712
    @sarahpotter1712 10 месяцев назад +1

    i was checking out atom, but the site shows that it's been entirely archived as of December 2022- is there another editor you would recommend instead of that?

  • @tech.t.j.oyesomi1176
    @tech.t.j.oyesomi1176 9 месяцев назад +1

    Please which laptop is good for coding and programming and what to consider? Thank for the great work

    • @Dani_Krossing
      @Dani_Krossing  9 месяцев назад +1

      I mean, if you are just gonna be making websites, then any laptop with a good screen, and average specs will work. 🙂 As long as it can browse the internet without being slow, it will do the trick.
      Just make sure you get a laptop that has at least 1920x1080 in resolution, otherwise your websites will look bigger than it does on other peoples screens.

    • @tech.t.j.oyesomi1176
      @tech.t.j.oyesomi1176 9 месяцев назад

      @@Dani_Krossing wow i couldn't believe you can reply as early as possible like this. Thanks so much sir and God bless you. I asked because some said laptop with at least core5, and with like 1T RAM and so on good for coding and programming.
      Sir can i still code with this type of laptop below?
      Hp Stream 11 Laptop- Intel Celeron - 64GB SSD 4GB RAM Windows 10 PRO. Thanks in anticipation

    • @tech.t.j.oyesomi1176
      @tech.t.j.oyesomi1176 6 месяцев назад

      It's been 2 months you didn't reply my last question

    • @swallowedinthesea11
      @swallowedinthesea11 5 месяцев назад

      @@tech.t.j.oyesomi1176 Yes, that HP laptop is fine.

  • @sbhankord8591
    @sbhankord8591 Год назад +1

    someone help me , how to download the cods which is used on this project?

    • @Dani_Krossing
      @Dani_Krossing  Год назад +2

      If there is code in my videos, then the lesson files should be available using the link in the bottom of the video description. 🙂 For this video though, we aren't really doing any coding, so the lesson files aren't there for this particular video.

  • @weissdochauned
    @weissdochauned 11 месяцев назад +1

    ehhhm dumb question but how can i safe this as u do by minute 8.20...?

  • @CENTCI
    @CENTCI Год назад +1

    Welcome back from gaming to coding again

    • @Dani_Krossing
      @Dani_Krossing  Год назад +2

      Thanks 🙂 Although I technically went from coding to markup 😉

    • @CENTCI
      @CENTCI Год назад +1

      @@Dani_Krossing am so greatful, you know I started learning from you, I could say I knew nothing about coding, when you went I had to start practicing on my own, am so excited you are back.

  • @mojanazwa141
    @mojanazwa141 Год назад +1

    Is Atom still supported? I was workin on Atom but from 2022 is not supported.

    • @Dani_Krossing
      @Dani_Krossing  Год назад +2

      No it has been retired. Use VSC instead :)

  • @kou.3676
    @kou.3676 11 месяцев назад +1

    Hey dani im am a complete beginner at coding and want to learn html 5 i am a bit confuse by 2023 tutorial does this mean its html 5? The latest version?

    • @Dani_Krossing
      @Dani_Krossing  11 месяцев назад +1

      HTML5 came out more than a decade ago, so nowadays it's just called "HTML", since it isn't new anymore. 🙂 So yes, this is using HTML5 ☺

    • @kou.3676
      @kou.3676 11 месяцев назад +2

      @@Dani_Krossing Thanks alot! I'll try to learn html and css as best i can because its required at school!

    • @Dani_Krossing
      @Dani_Krossing  11 месяцев назад +2

      @@kou.3676 Best of luck! ☺

  • @arbelsharabi9298
    @arbelsharabi9298 Год назад +1

    Is it better to follow your new html css course to create a portfolio website, or your old videos- "creating a portfolio website video" (which you have in the middle of the course from 4 years ago) will be good to use for 2023. For example- is there a new way which you do the website responsive which important to study over the old way? Kind regards :)

    • @Dani_Krossing
      @Dani_Krossing  Год назад +3

      You should definitely follow the new course, since it is much better structured and teaches essential things that the older one doesn’t. I haven’t quite uploaded a lesson on responsive web design yet in the new one, but you can always go back to the old course for that specific lesson. 🙂

    • @arbelsharabi9298
      @arbelsharabi9298 Год назад +1

      @@Dani_Krossing Thank you for your reply :)
      Just to make sure, so is it "@media" still the right way/ best way of doing our website responsive for 2023, and important to study? Or maybe now days there is a better new way to do it responsive which you recommend.
      Also- I think you're an amazing teach.
      Thank you for your courses.
      Kind regards

  • @thinukawijerathne
    @thinukawijerathne Год назад +7

    You look like Mr.Beast

  • @MickeyDJ1
    @MickeyDJ1 Год назад +1

    Believably, Atom Editor and all repositories has been Sun setted/archived as of 15th December 2022? Still able to use it, of course. :)
    UPDATE : This can be seen at 3:13 at the top of the website displayed.

    • @Dani_Krossing
      @Dani_Krossing  Год назад +2

      Oh you are right, I completely missed that hehe. Good thing I went with VSC in this video then. 😂

    • @Dani_Krossing
      @Dani_Krossing  Год назад +2

      I added a edit at the bottom of my pinned comment hehe. Thanks for letting me know. Typical something like this happens when uploading a new video. 😅

  • @aaronjaggars321
    @aaronjaggars321 3 месяца назад

    He doesn't teach u shit

  • @wreckcelsior
    @wreckcelsior Год назад +1

    Long time, popping-in-to-see-how-to-do-something-I-know-nothing-about, viewer; First time subscriber.
    Thanks for all you do so well.
    cheers
    424K +1