HTML Tutorial for Beginners

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 KZbin
kzbin.info?...
🙌 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

[@dramaticdorry]

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

[@tamarakepreyeomgbuayakimi.2841]

Yea! Nah yeah.

[@mamegosh5175]

Sis, I can feel ,even much more than that, don't lose hope in anything in your life and hope everything will be alright.

[@A_Good_Boy.]

study Artificial intelligence

[@fethiajemal330]

Do you really have a cookie Company

[@sospetershawn559]

Wow..

[@PHANTOMSIXTH]

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

[@surjaa.c]

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.

[@Rosteve2010]

[@malikrimzan5765]

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]

😊

[@favourkenya]

🥰🥰

[@ezenwakavincent369]

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

[@Joseph-Anyanwu]

What can be more sweeter than this?

[@godbks]

Honestly with no high school diploma, I used KZbin 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]

well did it go sir?

[@godbks]

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

[@ips2124]

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

[@Aygol__]

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

[@rebeccabussey7658]

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!

[@crysbradley]

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]

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]

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.

[@geraldmuriithi4398]

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

[@just2bme1000]

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!

[@idealstride3462]

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.

[@mykarh]

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.

[@sigfigronath]

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

[@KevinStratvert]

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

[@teeemm4487]

i know absolutely nothing about html or programming languages. Now i know something. it took me a week to learn with you. i follow and also practice, you are such a great beginners teacher, i dropped other videos from other teachers like a hot potato. they teach like you already know something. Now i'm going to css.

[@wncjan]

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

[@painlesslynx5550]

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

[@goofyrulez7914]

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

[@yukiona3302]

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.

[@patriciadavella6714]

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

[@khajanesariqbalahmed2594]

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.

[@itsminamonae]

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❤!

[@latoyaedwards5418]

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]

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

[@DTPIIXART]

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.

[@jealousmatsikachando5327]

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

[@sammyarts2441]

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

[@chiomachukwuma2859]

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

[@latoyahenderson9355]

❤❤❤

[@ashwathisola112]

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

[@conchadelrosario3189]

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

[@user-xk9lf1mx4i]

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

[@user-fg7fy1ue1n]

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.

[@pjohn1435]

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

[@thskosmicx.]

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!

[@ianthehunter3532]

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

[@KevinStratvert]

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.

[@hedii7761]

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

[@AvidAfrican]

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

[@KevinStratvert]

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

[@iamtharunraj]

I already know HTML, Since I'm learning web development. But, since it's Kevin's video, I clicked haha

[@danalum20]

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

[@REktSigMa]

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.

[@user-co5fp1pq8v]

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.

[@bojanmitrevski8417]

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!

[@liaperth]

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

[@user-cf1wr2ei9w]

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

[@Mamooshka220]

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.

[@user-dj4nk6hk8o]

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

[@AngelSarah-bh1pq]

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

[@Juddbox]

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

[@robertthegeek]

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

[@merrymar7154]

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

[@REktSigMa]

Only 1 question that I have. How do you indent certain elements from the edge of the website towards the middle of the page?

[@nabiryepeninah9171]

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

[@omarmostafa5633]

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 ❤

[@thinkALF07]

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

[@dozieononeze7478]

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

[@zeekan6660]

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

[@SirAU]

Kevin's videos are a different type.

[@muhammadbilal2000]

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. :)

[@manassehnartey9662]

This guy makes html simple, thanks bro

[@_faiyazabrarrr]

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

[@agnieszkasawrasewicz9096]

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

[@samuelovic8682]

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

[@ROSHTRACK]

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. 🙌🙌

[@bbcbiologicalbaseconcepts1039]

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

[@tyrennaidoo2834]

Hi Kevin. Please advise me on how to go about creating this. I am using an Asus Chrome box. It doesn't have Notepad on it and I am using "data:text/HTML, ". The issue that I'm not facing after I add a new folder is that it doesn't give me the options that you get. The options that I have are "Terminal, Cut, Copy, Get info, Rename, Delete, Zip selection, Pin to shelf, Manage Linux sharing, New folder... Please help🙏

[@herinahellen9862]

This is the best beginner friendly tutorial I have come across

[@eidercafe]

I hope that someday this video’s parent playlist gets renamed something like “Website Building Blocks” where it contains videos also going over CSS, Javascript, and even how to list all these files on a public domain. Thanks Kevin!

[@user-co6hd1vq7t]

Hey,thank you so much for this lesson,you are such a game changer,sending more life & more energy to you!

[@Rice8520]

I remember how i wrote my first web page in Word just saved doc in htm format.😊 And it's pitty that hta have almost died.😒

[@user-ni9bd6yy4i]

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.

[@kingwesleyXIV]

Even I who already had an introduction to html through collage... Gets slightly more information with just making the file

[@pranilgaming6284]

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

[@smash_hard]

Nandri thalaiva ......student from India ❤

[@haadiyahseemab9301]

Sir, 5 mins in and im already a sub, U have great teaching skills, Thank you so much for this video, u were on point and the concept was clared without any diddle daddle ! Tysm on ce again !

[@josenazario8942]

This is a great video! Very easy to follow. Please make more videos. I am educating myself because I want to land a job as a front end developer.

[@ananthtubeyou]

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

[@JulieMelillo]

Does anyone know why I can't get the txt file to open in a browser without tags? I can't seem to get the file name to not have a long path (with microsoft one drive etc). Same thing for using an image. It has a long file name, and if I shorten it, it still has a long path to the file somehow and doesn't display in a browser.

[@phadagiLL]

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

[@SawRub913]

I've been burying my head into this topic throughout the afternoon.............but in the evening, I've just happened to stumble across this video........thank you soo much !! You make it so clear and easy to understand !!

[@SawRub913]

Plus, believe it or not- after having watched the entire video, I also did an applause to the screen(your video) on FINALLY MAKING ME UNDERSTAND SO CLEARLY !!

[@Buharialtinee]

Thanks for sharing

[@YazooPlaysYT]

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

[@ndodamdelwa5586]

You're an excellent teacher, Kevin, Do you have a video of CSS and java languages ?

[@merchandisingparadise9440]

I appreciate Kevin's superb HTML instruction. Please, could you do the other Java and CSS versions?

[@steverileyretired]

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

[@rohanrafi9909]

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

[@hunee9821]

Love it! Can you make a video on how to use HTML with CSS? Appreciate that. Thanks!

[@team3d240]

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

[@ericmealiileleajr.9829]

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

[@rafaeljhoni7405]

Excepcional seu trabalho. Didática excelente!

[@peterhubbard4028]

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

[@user-jt4ie5re9h]

Wow , what an excelent teacher! in 40 minutes I have learned a lot already

[@sithembisotshalibe3610]

Your way of teaching is outstanding THANK YOU!

[@robertthegeek]

So I tried to Bold a text for HTML and think I was using the proper coding but it will bold when opening Firefox

[@bik_mgr]

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

[@riazuddin7493]

Hi Kevin thank you for such an informative video is there any possibility that we use li directly without nesting it in ul? Sorry

[@yt4eve]

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

[@robertthegeek]

Question is HTML Coding more for Website Text code editing or creating?

[@kingwesleyXIV]

Sees the title of the video... Grabs notepad 🤓

[@dsmartmoses159]

How can I see notepad from my end