HTML Tutorial for Beginners

Поділитися
Вставка
  • Опубліковано 4 чер 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 UA-cam
    ua-cam.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
  • Наука та технологія

КОМЕНТАРІ • 439

  • @dramaticdorry
    @dramaticdorry 7 місяців тому +267

    I thank the creators of UA-cam 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

  • @surjaa.c
    @surjaa.c 11 місяців тому +127

    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 8 місяців тому +26

    Kevin, you're sincerely the best thing to happen to the programming community on UA-cam, 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.

  • @tamyachanell2323
    @tamyachanell2323 Місяць тому +6

    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!

  • @malikrimzan5765
    @malikrimzan5765 11 місяців тому +195

    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.

    • @DavidMendoza-pd7ow
      @DavidMendoza-pd7ow 9 місяців тому

      😊

    • @favourkenya
      @favourkenya 8 місяців тому

      🥰🥰

    • @ezenwakavincent369
      @ezenwakavincent369 8 місяців тому

      Your classes has just been helpful
      I can't believe I recreated your Kevin cookie company with you 😂

    • @JossieDex
      @JossieDex 3 місяці тому

      What can be more sweeter than this?

  • @godbks
    @godbks 7 місяців тому +10

    Honestly with no high school diploma, I used UA-cam 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 Місяць тому

      well did it go sir?

    • @godbks
      @godbks Місяць тому +3

      @@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 8 днів тому

      @@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

  • @just2bme1000
    @just2bme1000 8 місяців тому +16

    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__ 9 місяців тому +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 9 місяців тому +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 7 місяців тому +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!!!!

  • @rebeccabussey7658
    @rebeccabussey7658 7 місяців тому +8

    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!

  • @humairahalimi3741
    @humairahalimi3741 9 місяців тому +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.

  • @crysbradley
    @crysbradley 9 місяців тому +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 11 місяців тому +44

    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.

  • @wncjan
    @wncjan 11 місяців тому +5

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

  • @goofyrulez7914
    @goofyrulez7914 11 місяців тому +6

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

  • @painlesslynx5550
    @painlesslynx5550 11 місяців тому +12

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

  • @itsminamonae
    @itsminamonae 8 місяців тому +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❤!

  • @robster7787
    @robster7787 22 дні тому +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

  • @mykarh
    @mykarh 11 місяців тому +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.

  • @idealstride3462
    @idealstride3462 4 місяці тому

    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.

  • @patriciadavella6714
    @patriciadavella6714 11 місяців тому +6

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

  • @robster7787
    @robster7787 22 дні тому +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.

  • @DTPIIXART
    @DTPIIXART 11 місяців тому +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.

  • @sammyarts2441
    @sammyarts2441 7 місяців тому +1

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

  • @jealousmatsikachando5327
    @jealousmatsikachando5327 9 місяців тому +5

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

  • @yukiona3302
    @yukiona3302 8 місяців тому +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.

  • @kingmudu9773
    @kingmudu9773 11 місяців тому +5

    Great 👌 we were expecting from you ❤

  • @sigfigronath
    @sigfigronath 11 місяців тому +4

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

    • @KevinStratvert
      @KevinStratvert  11 місяців тому +3

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

  • @latoyaedwards5418
    @latoyaedwards5418 6 місяців тому

    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.

  • @jonathanlambrecht5642
    @jonathanlambrecht5642 8 місяців тому

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

  • @khajanesariqbalahmed2594
    @khajanesariqbalahmed2594 8 місяців тому +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.

  • @conchadelrosario3189
    @conchadelrosario3189 10 місяців тому +9

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

  • @user-fg7fy1ue1n
    @user-fg7fy1ue1n 3 місяці тому

    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.

  • @hedii7761
    @hedii7761 9 місяців тому +1

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

  • @Chubermensch
    @Chubermensch Місяць тому

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

  • @chiomachukwuma2859
    @chiomachukwuma2859 9 місяців тому +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

  • @user-dj4nk6hk8o
    @user-dj4nk6hk8o 6 місяців тому

    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

  • @bbcbiologicalbaseconcepts1039
    @bbcbiologicalbaseconcepts1039 9 місяців тому +2

    One of the best video I watched on UA-cam about HTML. Thanks alot Sir

  • @Mamooshka220
    @Mamooshka220 9 місяців тому +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.

  • @AvidAfrican
    @AvidAfrican 11 місяців тому +6

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

    • @KevinStratvert
      @KevinStratvert  11 місяців тому +2

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

  • @Iherdit2day
    @Iherdit2day 11 місяців тому +4

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

  • @pjohn1435
    @pjohn1435 11 місяців тому +5

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

  • @REktSigMa
    @REktSigMa 9 місяців тому +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.

  • @jimshannononsounds
    @jimshannononsounds 11 місяців тому +5

    Very easy to follow, thanks

  • @user-cf1wr2ei9w
    @user-cf1wr2ei9w 9 місяців тому +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❤❤❤❤❤❤❤

  • @keinzoom1275
    @keinzoom1275 Місяць тому

    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.

  • @user-xk9lf1mx4i
    @user-xk9lf1mx4i 8 місяців тому +5

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

  • @danalum20
    @danalum20 8 місяців тому +2

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

  • @samuelovic8682
    @samuelovic8682 11 місяців тому +3

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

  • @merrymar7154
    @merrymar7154 11 місяців тому +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

  • @bojanmitrevski8417
    @bojanmitrevski8417 7 місяців тому +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!

  • @user-co5fp1pq8v
    @user-co5fp1pq8v 2 місяці тому +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.

  • @dozieononeze7478
    @dozieononeze7478 8 місяців тому +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. 6 місяців тому +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!

  • @thinkALF07
    @thinkALF07 10 місяців тому +2

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

  • @muhammadbilal2000
    @muhammadbilal2000 11 місяців тому +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. :)

  • @PaulsFishroom
    @PaulsFishroom 10 місяців тому +2

    Excellent video - no other description required 👏🤓👍

  • @zeekan6660
    @zeekan6660 10 місяців тому +2

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

  • @ashwathisola112
    @ashwathisola112 4 місяці тому +1

    thank you so much i am a 12 year old and i have my final exams coming up and i came across this video which helped me a lot and made me understand what HTML is and helped me with my exam

  • @nabiryepeninah9171
    @nabiryepeninah9171 9 місяців тому +1

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

  • @steverileyretired
    @steverileyretired 11 місяців тому +5

    Hi Kevin great video , will you be doing one to do with Logon Forms, i want to have a logon page where only people with the user name and password can access that page
    keep up your great work
    Thanks

  • @OnlineSchoolofEnglish
    @OnlineSchoolofEnglish 11 місяців тому +3

    Thanks!

  • @manassehnartey9662
    @manassehnartey9662 7 місяців тому +1

    This guy makes html simple, thanks bro

  • @ericmealiileleajr.9829
    @ericmealiileleajr.9829 4 місяці тому

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

  • @ianthehunter3532
    @ianthehunter3532 11 місяців тому +5

    Could also mention that it's better to see SVG format for images and better compression formats for video and audio files.

    • @KevinStratvert
      @KevinStratvert  11 місяців тому +2

      Yeah, with img, you can show all sorts of formats, like png, jpg, gif, svg... really depends on your needs and what type of image you're showing.

  • @sithembisotshalibe3610
    @sithembisotshalibe3610 10 місяців тому +2

    Your way of teaching is outstanding
    THANK YOU!

  • @robertthegeek
    @robertthegeek 8 місяців тому +1

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

  • @pritamlaskar7265
    @pritamlaskar7265 8 місяців тому +1

    Thank you man, it was really simple.

  • @Juddbox
    @Juddbox 9 місяців тому +2

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

  • @herinahellen9862
    @herinahellen9862 7 місяців тому +1

    This is the best beginner friendly tutorial I have come across

  • @agnieszkasawrasewicz9096
    @agnieszkasawrasewicz9096 9 місяців тому +1

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

  • @evanskabwechunga3567
    @evanskabwechunga3567 11 місяців тому +3

    Easy to follow. Great work

  • @yt4eve
    @yt4eve 7 місяців тому +1

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

  • @vns9958
    @vns9958 8 місяців тому +1

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

  • @pranilgaming6284
    @pranilgaming6284 7 місяців тому +1

    Thank u Kelvin sir. I have so many confusion but you explain point to point . AND now i am doing good at my school 😊

  • @_faiyazabrarrr
    @_faiyazabrarrr 10 місяців тому +3

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

  • @rafaeljhoni7405
    @rafaeljhoni7405 7 місяців тому +2

    Excepcional seu trabalho. Didática excelente!

  • @YazooPlaysYT
    @YazooPlaysYT 10 місяців тому +2

    Can you also make a Tutorial for CSS and Javascript please?

  • @johnandginger
    @johnandginger 11 місяців тому +3

    very helpful! thank you!

  • @phoenixlogan1475
    @phoenixlogan1475 21 день тому

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

  • @AngelSarah-bh1pq
    @AngelSarah-bh1pq 9 місяців тому +3

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

  • @rohanrafi9909
    @rohanrafi9909 2 місяці тому +1

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

  • @team3d240
    @team3d240 11 місяців тому +3

    How can I become just like you, like expert ❤❤❤

  • @omarmostafa5633
    @omarmostafa5633 2 місяці тому +1

    I am so appreciative that you really helped me . I am 13 years old and wants to know more about coding. Thank you so much that is really easy unlike other people , they always make it hard to understand ❤

  • @abdelahnasir4771
    @abdelahnasir4771 8 місяців тому +1

    Amazing teacher, Thank you!

  • @cindyhsu5260
    @cindyhsu5260 10 місяців тому +2

    Great video! I have learned a lot! Thanks!

  • @kentyagami4791
    @kentyagami4791 10 місяців тому +1

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

  • @ROSHTRACK
    @ROSHTRACK 6 місяців тому

    It was very easy to understand and very grateful that I watch it, as I was going Crazy just learning JavaScript, I needed to touch the page and be able to see my changes to keep me motivated and the video was great, it makes me happy to find good content among everything that is here and reading the comments of people genuinely happy with your video. 🙌🙌

  • @SirAU
    @SirAU 11 місяців тому +3

    Kevin's videos are a different type.

  • @franklinchime1112
    @franklinchime1112 7 місяців тому +1

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

  • @ananthtubeyou
    @ananthtubeyou 4 місяці тому

    Kevin, you are great teacher. I understood HTML basics in a easiest way, which i never experience before. Thank you so much

  • @user-ni9bd6yy4i
    @user-ni9bd6yy4i 5 місяців тому

    Thank you for making a video that is easy to follow. I am trying to change careers into web development, and this video really helped me understand the fundamentals. Thanks again, I am definitely subscribed.

  • @TheOnlyName
    @TheOnlyName 10 місяців тому +2

    Well this is extremely helpful, thank you!!

  • @Buharialtinee
    @Buharialtinee 11 місяців тому +4

    Thanks for sharing

  • @Xx_Ryaspy_xX
    @Xx_Ryaspy_xX 29 днів тому

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

  • @shotbyabedd1679
    @shotbyabedd1679 22 дні тому

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

  • @evelynsanyu9884
    @evelynsanyu9884 5 місяців тому

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

  • @nellesor25
    @nellesor25 2 місяці тому

    Thank you for this refreshing course Sir Kevin. I already forgotten this lesson from college and this helps alot. I might consider web development for a change of career. New subcriber here. More power to you. Looking forward to the rest of your lesson.

  • @HarrisonOpondo
    @HarrisonOpondo 7 місяців тому +1

    Hello, your tutorials are so great. I loved this video because I now understand HTML well.
    Consider uploading a video touching on CSS.
    As soon as possible please.