HTML Tutorial for Beginners

Подписаться 2,9 млн

Просмотров 505 тыс.

50% 1

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 RU-vid
ru-vid.com?...
🙌 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

Наука

Опубликовано:

4 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 415

@dramaticdorry 6 месяцев назад

I thank the creators of RU-vid 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 6 месяцев назад

Yea! Nah yeah.

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

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. 3 месяца назад

study Artificial intelligence

@fethiajemal330 3 месяца назад

Do you really have a cookie Company

@sospetershawn559 2 месяца назад

Wow..

@PHANTOMSIXTH 7 месяцев назад

Kevin, you're sincerely the best thing to happen to the programming community on RU-vid, 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 10 месяцев назад

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 5 месяцев назад

@malikrimzan5765 10 месяцев назад

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 8 месяцев назад

😊

@favourkenya 7 месяцев назад

🥰🥰

@ezenwakavincent369 7 месяцев назад

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

@Joseph-Anyanwu 2 месяца назад

What can be more sweeter than this?

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

Honestly with no high school diploma, I used RU-vid 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 11 дней назад

well did it go sir?

@godbks 8 дней назад

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

@rebeccabussey7658 6 месяцев назад

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!

@geraldmuriithi4398 6 месяцев назад

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

@ips2124 8 месяцев назад

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

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

@zahid_9217 10 месяцев назад

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.

@crysbradley 8 месяцев назад

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

@just2bme1000 7 месяцев назад

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 3 месяца назад

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.

@humairahalimi3741 8 месяцев назад

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.

@mykarh 10 месяцев назад

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.

@wncjan 10 месяцев назад

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

@goofyrulez7914 10 месяцев назад

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

@painlesslynx5550 10 месяцев назад

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

@patriciadavella6714 10 месяцев назад

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

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

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.

@teeemm4487 8 месяцев назад

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.

@sammyarts2441 6 месяцев назад

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

@DTPIIXART 10 месяцев назад

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.

@khajanesariqbalahmed2594 7 месяцев назад

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.

@sigfigronath 10 месяцев назад

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

@KevinStratvert 10 месяцев назад

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

@jealousmatsikachando5327 8 месяцев назад

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

@thskosmicx. 5 месяцев назад

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!

@user-fg7fy1ue1n 2 месяца назад

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.

@bojanmitrevski8417 6 месяцев назад

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!

@pjohn1435 10 месяцев назад

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

@ashwathisola112 3 месяца назад

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

@yukiona3302 7 месяцев назад

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.

@Buharialtinee 10 месяцев назад

Thanks for sharing

@itsminamonae 7 месяцев назад

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

@liaperth 10 месяцев назад

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

@conchadelrosario3189 9 месяцев назад

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

@jonathanlambrecht5642 7 месяцев назад

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

@danalum20 7 месяцев назад

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

@keinzoom1275 2 дня назад

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

@muhammadbilal2000 10 месяцев назад

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

@REktSigMa 8 месяцев назад

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.

@Juddbox 8 месяцев назад

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

@user-dj4nk6hk8o 5 месяцев назад

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

@ianthehunter3532 10 месяцев назад

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

@KevinStratvert 10 месяцев назад

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.

@user-xk9lf1mx4i 7 месяцев назад

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

@elarcadenoah9000 10 месяцев назад

good techer

@chiomachukwuma2859 8 месяцев назад

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 9 дней назад

❤❤❤

@Timothy-wonder Месяц назад

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

@PaulsFishroom 9 месяцев назад

Excellent video - no other description required 👏🤓👍

@nabiryepeninah9171 8 месяцев назад

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

@yt4eve 6 месяцев назад

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

@merrymar7154 9 месяцев назад

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

@user-cf1wr2ei9w 8 месяцев назад

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

@hedii7761 8 месяцев назад

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

@thinkALF07 9 месяцев назад

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

@Mamooshka220 8 месяцев назад

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.

@YazooPlaysYT 9 месяцев назад

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

@rafaeljhoni7405 6 месяцев назад

Excepcional seu trabalho. Didática excelente!

@eidercafe 24 дня назад

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!

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

@AvidAfrican 10 месяцев назад

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

@KevinStratvert 10 месяцев назад

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

@zeekan6660 9 месяцев назад

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

@herinahellen9862 6 месяцев назад

This is the best beginner friendly tutorial I have come across

@kingmudu9773 10 месяцев назад

Great 👌 we were expecting from you ❤

@ananthtubeyou 3 месяца назад

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

@sithembisotshalibe3610 9 месяцев назад

Your way of teaching is outstanding THANK YOU!

@franklinchime1112 6 месяцев назад

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

@user-ni9bd6yy4i 4 месяца назад

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.

@steverileyretired 10 месяцев назад

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

@pranilgaming6284 6 месяцев назад

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

@iamtharunraj 10 месяцев назад

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

@samuelovic8682 10 месяцев назад

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

@robertthegeek 7 месяцев назад

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

@bbcbiologicalbaseconcepts1039 8 месяцев назад

One of the best video I watched on RU-vid about HTML. Thanks alot Sir

@dozieononeze7478 7 месяцев назад

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

@user-jt4ie5re9h 5 месяцев назад

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

@rohanrafi9909 Месяц назад

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

@nellesor25 Месяц назад

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.

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

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

@ericmealiileleajr.9829 3 месяца назад

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

@user-co6hd1vq7t 8 месяцев назад

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

@manassehnartey9662 6 месяцев назад

This guy makes html simple, thanks bro

@Got-it747 2 месяца назад

Men, you've got very massive teaching skills. I mean, what a way to explain things. 💕

@team3d240 10 месяцев назад

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

@evanskabwechunga3567 10 месяцев назад

Easy to follow. Great work

@agnieszkasawrasewicz9096 8 месяцев назад

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

@killjoyish 3 месяца назад

This was extremely helpful! I feel like I have a much better grasp of the HTML basics now. Thanks, Kevin.

@damisaofjesus 10 месяцев назад

Thank you Kevin for your benevolence

@peterhubbard4028 2 месяца назад

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

@AngelSarah-bh1pq 8 месяцев назад

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

@anitakalegha3106 3 месяца назад

Kevin thank you so much for sharing your knowledge on RU-vid. Plus you an amazing, amazing teacher. I love you and your work.❤

@SyedliyakathaliAli Месяц назад

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

@evelynsanyu9884 4 месяца назад

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

@vns9958 7 месяцев назад

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

@SawRub913 2 месяца назад

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 2 месяца назад

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

@merchandisingparadise9440 10 месяцев назад

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

@haadiyahseemab9301 7 месяцев назад

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 !