HTML Tutorial for Beginners

Sdílet
Vložit
  • čas přidán 12. 06. 2024
  • In this step-by-step tutorial, learn how to create a simple web page using HTML. You'll learn the basics of HTML, from how to structure an HTML document to how to use some of the most common HTML elements. You will see how to create headers, paragraphs, bold and italic text, tables, sections, and forms. You will also learn some tips and best practices for writing clean and semantic HTML code. By the end of this video, you will be able to create your own simple web page with HTML.
    📚 RESOURCES
    - Official HTML specification: html.spec.whatwg.org/
    - Mozilla HTML documentation: developer.mozilla.org/en-US/
    www.w3schools.com/
    - w3schools HTML reference: www.w3schools.com/html/defaul...
    ⌚ TIMESTAMPS
    00:00 Introduction
    01:15 Create HTML file
    03:11 Edit HTML file
    05:33 Declarative language
    06:23 Header element
    09:10 Paragraph element
    10:26 In line & nested elements
    13:05 Markup language
    13:43 Section element and indentation
    15:30 Unordered list
    17:11 Ordered list
    18:45 Line breaks
    19:56 Comments
    21:22 Links and anchor
    24:48 Images
    28:17 Audio and video
    29:32 Tables
    32:55 Forms
    34:17 Structure HTML page
    38:18 Wrap up
    📺 RELATED VIDEOS
    - Playlist with all my videos on HTML: • HTML
    📩 NEWSLETTER
    - Get the latest high-quality tutorial and tips and tricks videos emailed to your inbox each week: kevinstratvert.com/newsletter/
    🔽 CONNECT WITH ME
    - Official web site: www.kevinstratvert.com
    - LinkedIn: / kevinstratvert
    - Discord: bit.ly/KevinStratvertDiscord
    - Twitter: / kevstrat
    - Facebook: / kevin-stratvert-101912...
    - TikTok: / kevinstratvert
    - Instagram: / kevinstratvert
    🎒 MY COURSES
    - Go from Excel novice to data analysis ninja in just 2 hours: kevinstratvert.thinkific.com/
    🙏 REQUEST VIDEOS
    forms.gle/BDrTNUoxheEoMLGt5
    🔔 SUBSCRIBE ON CZcams
    czcams.com/users/kevlers?...
    🙌 SUPPORT THE CHANNEL
    - Hit the THANKS button in any video!
    - Amazon affiliate link: amzn.to/3kCP2yz (Purchasing through this link gives me a small commission to support videos on this channel -- the price to you is the same)
    #stratvert #html
  • Věda a technologie

Komentáře • 443

  • @dramaticdorry
    @dramaticdorry Před 8 měsíci +279

    I thank the creators of CZcams so much for making my dream come true..am a campus dropout due to school fees and now I pay less than 10dollars just to get in class thankyou Mr Kevin for your dedication to making sure that people like me are not limited in the i.t world may the lord bless you

  • @Thevirtuousdev
    @Thevirtuousdev Před měsícem +8

    I'm currently enrolled in a web development program learning how to code and my mentor suggested that I watch your video. As soon as she sent me your link I followed you along in your tutorial step by step and I really enjoyed it. I'm happy to have completed this tutorial thank you!

  • @surjaa.c
    @surjaa.c Před 11 měsíci +130

    You're an excellent teacher, Kevin! I love that you don't just give instructions but also explain the logic behind every action. Your "for beginners" style videos (like SQL, Python, etc) are some of my favourite videos on this channel.

  • @PHANTOMSIXTH
    @PHANTOMSIXTH Před 8 měsíci +28

    Kevin, you're sincerely the best thing to happen to the programming community on CZcams, ever. Thanks for everything you do on a daily basis, you help thousands of people like me who want to improve their careers and become better programmers.

  • @malikrimzan5765
    @malikrimzan5765 Před 11 měsíci +197

    Throughout the years, I have gained a wealth of knowledge by watching your content, and I am sincerely grateful for the dedication you consistently demonstrate in creating such valuable material. Your videos have been an invaluable resource for my personal growth and learning. I wanted to take this opportunity to convey my heartfelt appreciation for the remarkable effort you invest in producing captivating and educational content. Your commitment to excellence is evident in every video you release, and it truly inspires me. I am confident that your talent and dedication will continue to propel you towards greater heights of success. As an ardent supporter, I eagerly anticipate witnessing the day when your subscriber count reaches an astonishing 10 million. You undoubtedly deserve all the recognition and acclaim that come your way. Thank you once again for sharing your knowledge and passion with the world through your outstanding videos. I eagerly await your future creations and the incredible milestones you will achieve.

  • @just2bme1000
    @just2bme1000 Před 9 měsíci +18

    4 minutes in, you've earned yourself a sub. You didn't dilly dally around, you just went straight to the point and got me doing practical things. Love your content already!

  • @Aygol__
    @Aygol__ Před 9 měsíci +8

    You have taught me more than my teacher did. Literally, like he didn’t tell us about notepad or anything he gave us a powerpoint to read

  • @ips2124
    @ips2124 Před 9 měsíci +4

    i took a web design class a few years ago and had totally forgotten everything so this tutorial was a great refresher. thanks!

  • @geraldmuriithi4398
    @geraldmuriithi4398 Před 7 měsíci +9

    This is the best Teacher, I have ever come across over the internet!!!! Your content is top of the notch, realistic, achievable and amazing! Keep up the good work Kelvin!!!!

  • @godbks
    @godbks Před 7 měsíci +10

    Honestly with no high school diploma, I used CZcams to learn a few cool things over the years ( not a few cool stuff but a lot ). I have been installing Wordpress and fixing normal problems on websites, plugins and more for years. Now at 35, I want to dedicate myself to learn html, css and JavaScript. I want to master all this in 6 months. You can do it too.

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

      well did it go sir?

    • @godbks
      @godbks Před měsícem +4

      @@Minavis_Penguin Hello! Yeah now I know HTML and CSS but I stopped learning because I got a job as Cybersecurity Expert after getting my security + certificate. Guys you can all do it keep going!

    • @manuelparedesf
      @manuelparedesf Před 16 dny

      @@godbks How is that Job doing? I'm interested in that field but need to know if it's worth it and if it is well payed.
      Thanks and good luck

  • @rebeccabussey7658
    @rebeccabussey7658 Před 8 měsíci +9

    By far the easiest and most thorough teaching for a beginner such as myself. I learned so much. Your explanations and instructions were clear and concise. I was able to follow along with no problems. Thank you for your time in producing and teaching!

  • @goofyrulez7914
    @goofyrulez7914 Před 11 měsíci +6

    Every time I watch one of your videos, I learn something new. Thank you.

  • @crysbradley
    @crysbradley Před 9 měsíci +3

    I'm a legally blind traditional marketing professional learning digital marketing skills. I love your call out between elements for screen reader users.

  • @zahid_9217
    @zahid_9217 Před 11 měsíci +45

    I wanted to take a moment to express my gratitude for your teaching method and the incredible content you provide in your HTML video. Although I am currently pursuing my master's degree in computer science, I couldn't resist the temptation to watch your video. Your teaching style is simply captivating, making even complex concepts easy to understand.
    Thank you for your dedication to education and for sharing your expertise through your videos. I look forward to continuing my journey with your exceptional content, expanding my knowledge, and becoming a well-rounded computer scientist.

  • @humairahalimi3741
    @humairahalimi3741 Před 9 měsíci +11

    It was my first time to study about HTML, but I think I learnt so much in one video through your excellent teaching method and clear explanation !!! Thanks.

  • @painlesslynx5550
    @painlesslynx5550 Před 11 měsíci +12

    Great video, exceptionally well made and straightforward to follow, thanks Kevin!

  • @patriciadavella6714
    @patriciadavella6714 Před 11 měsíci +6

    Thank you Kevin for explaining this topic simply. Much appreciate it!

  • @wncjan
    @wncjan Před 11 měsíci +6

    Leaning HTML many years ago was rather easy as I had been making text documents with SGML and Script.

  • @mykarh
    @mykarh Před 11 měsíci +6

    Thank you so much Kelvin for giving all these for free. I'm regularly following your content. They are really easy to understand. We'll done.

  • @itsminamonae
    @itsminamonae Před 8 měsíci +4

    Thank you so much for the in depth tutorial and making it extremely user friendly. I was able to build the webpage exactly the way you did but created my own business name and logo to really grasp your content. Again thank you❤!

  • @jealousmatsikachando5327
    @jealousmatsikachando5327 Před 9 měsíci +5

    This is surely the best HTML beginner tutorial I have ever watched... well doneeach concept articulated well

  • @conchadelrosario3189
    @conchadelrosario3189 Před 10 měsíci +9

    You sir, have a talent in teaching! More videos please :)

  • @sammyarts2441
    @sammyarts2441 Před 7 měsíci +1

    I never thought html could be this easy. I'm so grateful for demonstration

  • @jonathanlambrecht5642
    @jonathanlambrecht5642 Před 9 měsíci

    dude, literally 7 minutes into the video i understood html, wtf. You have a gift my man, greetings from Argentina.

  • @idealstride3462
    @idealstride3462 Před 4 měsíci

    I just started Web development course last week and i must confess, this video has really speed up my learning process. Thank you so much, this really means alot to me.

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

    I really appreciate it, Kevin. It is definitely an awesome quickstart to anyone new to the HTML. Thanks for people like you who really contributes a lot to the programming community.

  • @hedii7761
    @hedii7761 Před 9 měsíci +1

    I have just started learning HTML and I am glad I watched this one. Thank you so much!!!!!!!

  • @pjohn1435
    @pjohn1435 Před 11 měsíci +5

    Love, Love, love this video, this is extremely helpful for a newbie, thank you Kevin for all that you do to help us.

  • @bbcbiologicalbaseconcepts1039
    @bbcbiologicalbaseconcepts1039 Před 9 měsíci +2

    One of the best video I watched on CZcams about HTML. Thanks alot Sir

  • @robster7787
    @robster7787 Před měsícem +2

    I’m a little embarrassed to only now know how easy html is given that I am very proficient at using LaTeX, which is a similar, but made for technical documents.
    I much appreciate the tutorial

  • @yukiona3302
    @yukiona3302 Před 9 měsíci +4

    I graduated in 2022 in civil engineering . And I am trying to learn coding to change career. At this point i dont even know if i am suited for it. But i m starting with this video. I dont know where I am headed or if its even the right choice.

  • @latoyaedwards5418
    @latoyaedwards5418 Před 6 měsíci

    Thank you for this content. I’m a Tech Communications-UX major leaving the Healthcare field and I absolutely love this tutorial. I needed a visual of what my future career would be and this is awesome.

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

    Clear and simple, 0 redundant line in the whole video! Thank you so much :)

  • @manassehnartey9662
    @manassehnartey9662 Před 7 měsíci +1

    This guy makes html simple, thanks bro

  • @user-xk9lf1mx4i
    @user-xk9lf1mx4i Před 9 měsíci +5

    This is a great video, very easy to understand. Your teaching skill is perfect.

  • @sithembisotshalibe3610
    @sithembisotshalibe3610 Před 10 měsíci +2

    Your way of teaching is outstanding
    THANK YOU!

  • @thinkALF07
    @thinkALF07 Před 10 měsíci +2

    Kevin, you are awesome! I have been learning a lot from you. Thank you so much!

  • @Iherdit2day
    @Iherdit2day Před 11 měsíci +4

    I love all your videos Kevin 😃 so easy to follow, thank you.

  • @user-fg7fy1ue1n
    @user-fg7fy1ue1n Před 4 měsíci

    If i only had this video to getting started with HTML id be more than ready. I keep coming back and learning every time. Easy to follow along and its fun seeing the code create the website whenever it runs.

  • @danalum20
    @danalum20 Před 9 měsíci +2

    Fantastic video. Easy to follow and very informative. One of your best yet!

  • @yt4eve
    @yt4eve Před 7 měsíci +1

    I will keep saying this, You are a good Teacher Kevin, thank you

  • @chiomachukwuma2859
    @chiomachukwuma2859 Před 10 měsíci +6

    Wow, I was a total novice before, but your video just made life easy for me, it is very clear and simple to understand. I cannot wait to learn more from you. Thank you

  • @khajanesariqbalahmed2594
    @khajanesariqbalahmed2594 Před 8 měsíci +3

    I'd like to thank you from the bottom of my heart for this wonderful video 🙂 It's truly amazing! Since I was a High School Physics and mathematics teacher for 13+ years, I know that you did something extraordinary. I'm the kind of learner who tries to learn everything "logically" and, your reverse-order methodology really helps me understand the mechanism. Thanks again.

  • @rafaeljhoni7405
    @rafaeljhoni7405 Před 7 měsíci +2

    Excepcional seu trabalho. Didática excelente!

  • @kingmudu9773
    @kingmudu9773 Před 11 měsíci +5

    Great 👌 we were expecting from you ❤

  • @herinahellen9862
    @herinahellen9862 Před 7 měsíci +1

    This is the best beginner friendly tutorial I have come across

  • @vns9958
    @vns9958 Před 9 měsíci +1

    Thank you so much!!you literally saved my life!!!😊😊👍👏👏👏

  • @nabiryepeninah9171
    @nabiryepeninah9171 Před 9 měsíci +1

    I don't know how much to thank you for this !! My goodness you're such a good teacher.

  • @zeekan6660
    @zeekan6660 Před 11 měsíci +2

    what an amazing and gifted teacher , waiting for css and javascript. thankyou.

  • @jimshannononsounds
    @jimshannononsounds Před 11 měsíci +5

    Very easy to follow, thanks

  • @sigfigronath
    @sigfigronath Před 11 měsíci +4

    The goat is doing coding tutorials 😭😮 Need a JavaScript tute next🙏

    • @KevinStratvert
      @KevinStratvert  Před 11 měsíci +3

      CSS and Javascript coming soon (as well as other topics like AWS and Azure).

  • @AvidAfrican
    @AvidAfrican Před 11 měsíci +6

    What i was expecting from you. Please also css indepth....❤

    • @KevinStratvert
      @KevinStratvert  Před 11 měsíci +2

      CSS and Javascript coming soon (as well as other topics like AWS and Azure).

  • @user-co5fp1pq8v
    @user-co5fp1pq8v Před 3 měsíci +1

    O my God I built a whole website following your video, and now everything stuck! thank you so much sir, please CSS and JavaScript. Thanks.

  • @phadagiLL
    @phadagiLL Před 2 měsíci

    First time ever Learning HTML > You are a genius!!

  • @ericmealiileleajr.9829
    @ericmealiileleajr.9829 Před 5 měsíci

    Thank you for the video Kev! You've made the HTML elements very easy to understand!

  • @robertthegeek
    @robertthegeek Před 8 měsíci +1

    HTML Rocks and it's easy. Mr. Kevin you have inspired me to learn more about other coding languages.

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

    I wouldn't of been able to imperss my teachers at school if this didint exist! THANK YOU SO MUCH!!!! 🙂

  • @phoenixlogan1475
    @phoenixlogan1475 Před 28 dny

    I'm struggling to learn HTML at the moment and your video has really helped, thank you.

  • @franklinchime1112
    @franklinchime1112 Před 7 měsíci +1

    You are a very good teacher. God bless you more.

  • @DTPIIXART
    @DTPIIXART Před 11 měsíci +6

    I am fluent in basic HTML, but I don't really practice it much now that I use Wordpress. I do however use it for creating lists because I find that having the information in a list format (saved in a txt file) makes it much easier to transfer from one website to another, or to make other lists from lists. Can you tell I love to make lists yet? LOL. I have saved your video as a refresher if I ever need it, and will share a link to this video on my website.

  • @user-cf1wr2ei9w
    @user-cf1wr2ei9w Před 10 měsíci +1

    YOU EXPLAINED EVERY ACTION AND FUNCTION LIKE NOBODY DID BEFORE. I WASTE ALOT OF TIME LEARNING AGAIN N AGAIN ENDED UP KNOW NOTHING. TQVM TEACHER KEVIN U THE BEST AMONG THE REST❤❤❤❤❤❤❤

  • @PaulsFishroom
    @PaulsFishroom Před 11 měsíci +2

    Excellent video - no other description required 👏🤓👍

  • @samuelovic8682
    @samuelovic8682 Před 11 měsíci +3

    Thank you so much hope you'll some day take us from beginner to other levels

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

    man, you are just amazing. definitely worth subscribing to.

  • @evanskabwechunga3567
    @evanskabwechunga3567 Před 11 měsíci +3

    Easy to follow. Great work

  • @rohanrafi9909
    @rohanrafi9909 Před 2 měsíci +1

    thanks you so much I was confused on the basics of html, and now I am very clear

  • @SyedliyakathaliAli
    @SyedliyakathaliAli Před 3 měsíci

    Perfect Content for HTML !! You are a great instructor Kevin.

  • @AngelSarah-bh1pq
    @AngelSarah-bh1pq Před 10 měsíci +3

    I have really learnt a lot from this video, thanks Mr Kevin

  • @mandarborkar5657
    @mandarborkar5657 Před 3 měsíci

    Thanks Kevin ...You have been a wonderful teacher so far

  • @pritamlaskar7265
    @pritamlaskar7265 Před 8 měsíci +1

    Thank you man, it was really simple.

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

    you a true goat, just starting to learn how to code and I can say you helped out a lot 💯

  • @Juddbox
    @Juddbox Před 9 měsíci +2

    This is very easy to understand. Thanks a lot, Kevin. I'll be waiting for more videos like this!

  • @abdelahnasir4771
    @abdelahnasir4771 Před 9 měsíci +1

    Amazing teacher, Thank you!

  • @REktSigMa
    @REktSigMa Před 9 měsíci +1

    This is the most informative video I have ever seen. Like who would have thought that file explore alone with the Browser worked in conjunction this way. Very nice and well thought out video. Great Job. This video was not convoluted at all. Great job once again.

  • @_faiyazabrarrr
    @_faiyazabrarrr Před 10 měsíci +3

    I really like your coding language tutorials, please conitnue this series.

  • @rezaazad4978
    @rezaazad4978 Před 7 měsíci +1

    Great teaching method, understandable language. Great job.

  • @evelynsanyu9884
    @evelynsanyu9884 Před 5 měsíci

    I now understand from the example broken down. Thank you for the knowledge shared

  • @user-dj4nk6hk8o
    @user-dj4nk6hk8o Před 6 měsíci

    I have only just started coding, and learning anything in the slightest of pc work. PLEASE keep up the good work, i am a "for dummies" attention span, but your video was so easy for me to understand! w content

  • @bik_mgr
    @bik_mgr Před 8 měsíci

    with this video I got ideas about html really inspired me to learn html..

  • @Mamooshka220
    @Mamooshka220 Před 9 měsíci +1

    You're the guy I go to whenever someone at work has a Microsoft question. Now you're my dude for coding! Please tell me you plan on uploading a video on CSS as well.

  • @muhammadbilal2000
    @muhammadbilal2000 Před 11 měsíci +2

    Liked the video even before watching. Learned so much and so easily from you. You teach amazingly. Lets watch the video now to learn HTML. :)

  • @Timothy-wonder
    @Timothy-wonder Před 3 měsíci

    this is the best explanation ive ever had
    simplified, made it look easy
    now i understand better, no ambiguity for a starter like me

  • @bojanmitrevski8417
    @bojanmitrevski8417 Před 7 měsíci +1

    This is so useful. I really made my own website in 30 minutes :). (the one you made but it doesnt matter!). I recommend this to anyone starting with HTML as myself. Great job Kevin!

  • @peterhubbard4028
    @peterhubbard4028 Před 3 měsíci

    Thank you for curing my insomnia and teaching me something new.

  • @kentyagami4791
    @kentyagami4791 Před 10 měsíci +1

    Thank you so much Kevin! I appreciate you a lot!

  • @johnandginger
    @johnandginger Před 11 měsíci +3

    very helpful! thank you!

  • @merrymar7154
    @merrymar7154 Před 11 měsíci +2

    Very helpful...for me as a biggner and no any IT Background before but striving to get in to it via Web Development stream. Thank you Kevin!! Yo

  • @robster7787
    @robster7787 Před měsícem +1

    For anyone still on windows 10, the notepad application does not open a new tab. Simply just open a separate notepad and drag and drop the html file from the folder into an untitled.txt in the note pad to start editing the html.

  • @OnlineSchoolofEnglish
    @OnlineSchoolofEnglish Před 11 měsíci +3

    Thanks!

  • @faridgasimov1742
    @faridgasimov1742 Před 4 měsíci

    What an incredible video! Thank you, Kevin!

  • @agnieszkasawrasewicz9096
    @agnieszkasawrasewicz9096 Před 9 měsíci +1

    Thank you so much for tgis video. It helped me in my group assignment and saved me from dropping the CS course.

  • @kapibara2440
    @kapibara2440 Před 3 dny

    Absolutely stunning tutorial. Thank you Kevin ❤❤❤

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

    I didn't knew creating websites is this much fun. :D Thx!

  • @cindyhsu5260
    @cindyhsu5260 Před 10 měsíci +2

    Great video! I have learned a lot! Thanks!

  • @Buharialtinee
    @Buharialtinee Před 11 měsíci +4

    Thanks for sharing

  • @damisaofjesus
    @damisaofjesus Před 11 měsíci +2

    Thank you Kevin for your benevolence

  • @dozieononeze7478
    @dozieononeze7478 Před 8 měsíci +1

    I have been thinking of what to say... All that i could come up with is that you are a super amazing Coach.
    Thank you for your dedication which has lit our world...
    Cheers

  • @thskosmicx.
    @thskosmicx. Před 7 měsíci +4

    I am 13 years old and I just watched this video and you helped me learn the basics of HTML very easily, I appreciate your content!

  • @matthewbanda3043
    @matthewbanda3043 Před 6 měsíci

    Thank Kelvin, this was easy to follow. I really appreciate seing in action what is being said.

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

    Thanks a lot Kevin for helping me with my school project :)