Learn HTML - Full Tutorial for Beginners (2022)
ฝัง
- เผยแพร่เมื่อ 3 มิ.ย. 2024
- Learn HTML in this complete course for beginners. This is an all-in-one beginner tutorial to help you learn web development skills. This course teaches HTML5.
✏️ Dave Gray created this course. Check out his channel: / davegrayteachescode
💻 Code: github.com/gitdagray/html_course
⭐️ Course Contents ⭐️
(00:00:00) Intro
(00:00:55) Chapter 1 - Getting Started
(00:20:13) Chapter 2 - Head Element
(00:29:02) Chapter 3 - Text Basics
(00:49:45) Chapter 4 - List Types
(00:59:55) Chapter 5 - Add Links
(01:30:38) Chapter 6 - Add Images
(02:00:58) Chapter 7 - Semantic Tags
(02:24:53) Chapter 8 - Create Tables
(02:40:42) Chapter 9 - Forms & Inputs
(03:25:16) Chapter 10 - HTML Project
🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news
Is there anyone watching this in 20204? Or just me
Me too
Me too
Damn humans evolved from that far future are watching this ancient video from 18,180 YEARS ago???😮😮😮
Well hi time Traveller, from 2024 !!! 😊
I am
Me too
can we just give these people a round of applause for sharing these information for free....
Not free 🤑🤑🤑🤑🤑🤑
*Free*codecamp duh...it's in their name. We are soo grateful these days
😢
TH-cam pays them. And you pay TH-cam by watching ads (or paying for premium)
@@cookingwithme9261 1111
This is one of the best basic HTML course on the internet! Dave took me from nothing to building a basic HTML website in the span of just 2 days. I could understand him even after not being a native english speaker and the experience he has in this field truly speaks, he's a great coder and teacher aswell, thanks dave!
If "attribute" is used as a noun, the emphasis is on the "a", NOT on the "i". He has made this error hundreds of times in this video.
@@GrumpyOldMan9 so make your youtube tutorial then.... we will be waiting.
@@GrumpyOldMan9 rest man
Same here. IDK, maybe I am just used to learning from older people. I am a non native english speaker who attened a jesuit high school.
@@Sumfinfunny777 Older? Lmao the dude looks 45ish, dont how young you must be to consider him as an "older person".
Day one : 50:00
Day two : 1:30:30
Day three: 2:40:43
Day four: 3:30:00
P.S. Thanks Alot Dave for this Amazing course. I was able to make the complete HTML page without taking alot of hints from the github repo. Its about time to start the CSS course now.
Completed in one day 😒
Which CSS course did you watch ?
@@ashokdhanesh it's not about time, it's about quality
@@zlatko680 apologies for the late reply, i watched his CSS course on freecodecamp. I hope you'll like it too.
@@LoyalSentry Do it!!! and thanks :)
I began my coding journey with this video tutorial on 3/21/22. Waking up at 5am everyday to code for 2 hours before I go to work. I have learned so much from this video in the past 19 days taking it little by little. After completing this it just made me that much more motivated to dive further in.
Thank you for making what I thought was impossible for me to do, very easy for me to understand.
Awesome! My plan is similar to yours, just checking this video for the first time before going to sleep so I can wake up as early as I can to start working on this before going to work.
Woah morning birds, im an night owl tho, cheers for *productive* sleepless nights 🍻🍻🍻
Don't Stop man.. continue with css then javascript or python .... meet you at the top
Awesome, I'm doing the same.
So far how is your journey
Sir, the way you navigated the entire course without missing anything is just spectacular. Hats Off to you Sir. You covered almost everything that a beginner can need, and with such a beautiful way of explanation. Couldn't just leave, without putting it out here. Thank you for your hard work.
What an awesome course. I am almost 40 years old, and I’ve always been intrigued by coding. I decided to dive in as a hobby. I’m starting with HTML and CSS. This was a great beginner course. It was easy to understand and easy to follow. Thank you.
Definitely one of the the best videos on here. he is humble, patient and most of all understands his students. I'm really learning a lot and I am happy to have come across this video. You're such a blessing Dave, great stuff !
I want to say thank you, im only 2 hours in going slowly and learning at my own pace and you make things pretty easy to understand.
Dave you're an amazing teacher! I managed to perfectly mimic that HTML project without looking back on the video. I really appreciate you making this video, it's a big help for beginners such as myself.
I wanted to take a moment to express my deepest appreciation for your exceptional teaching skills. Your ability to be concise, yet thorough, while maintaining an appropriate teaching pace has made all the difference in my learning journey. Your explanations hit the mark, covering all the essential points I needed to know about HTML. As a result, I've gained a solid understanding of the subject without feeling overwhelmed. You are truly an outstanding teacher Dave, and I'm a huge fan from Ethiopia.
hey all!
Here is my journey:
Day 1: 37:35
Day 2: 1:20:40 (check one more time about different types)
Day 3: 2:14:00 (check aside semantic tags)
Day 3: 2:24:00 (check tables 3 times)
Day 4: 3:04:42 (write inputs by myself 5 times)
Day 5: Final Project is finished.
Many thanks for course to Dave ❤
Dave, I want to thank you sincerely for this tutorial. It cleared up a lot of issues I was confused about with HTML, especially concerning divs, articles and sections.
I coded along with you as you taught how to create the "My Goals" pages, but I did the taco project entirely on on my own.
I got it to work correctly, but when I then followed you code your solution, I learned even more. The proper usage of articles and sections became very evident. Plus your overall structuring approach is just what I needed to see.
Thanks again!
Very, very informative. Dave covers a lot of code and shortcuts in a succinct style that most other coders don't cover. He articulates the lesson well, and his style of writing HTML seems very efficient. He provides a great little project that utilizes a lot of features as hands-on project development is the fastest way to learn any code.
This tutorial is too good. I have learnt HTML before and wanted to refresh my memory. I learnt even new things and good behaviours i didn't know before. Dave God bless you. you are a blessing to many indeed. Thanks alot
For those of you who got confused here 23:50 . . . just download any random image file then drag and drop that into the first folder that we made and it'll appear in VS code automatically
Can I start this html and CSS course without any knowledge
@@Krishna20671Yeah pretty much
Yes I did. But it says error loading webview
Thank you soo much
Thanks
I cannot stress enough how well this tutorial was made.
Objectives, structure and the simple web page at the end, making sure we learn what we watch.
Also, your communication skills are excellent.
Kudos to you, and I hope this tutorial gets the views and publicity it deserves👏🏼👌🏼
Agreed. Easily the best HTML tutorial on the web.
Thank you for the kind words, Alberto. 💯
Mad respect for Dave here for making such a detailed video on just HTML. I feel like a new level of teaching standard has been reached. Thanks so much for all your hard work.
Sir, thank you sir. No one would’ve done a better job than you did explaining the basics of HTML such thoroughly in detail.
This is one of the best online tutorials I've had. The organization and clarity is top notch.
Thanks alot Dave.
One of the best HTML tutorials ever. Really like the emphasis on not using divs unnecessarily .
Sounds like me, I love to abuse divs
This is straight up, the best tutorial for HTML on the entire internet. I have signed up for many Web development bootcamps online and paid a lot of money for it. Still, this content beats all the explanation given by other teachers online. I like the way how the entire videos is structured and how copious amount of information and knowledge is shared to slow learners like me. I would definitely recommend this video to anyone who wants to learn html from scratch. On top of it, thanks for making this valuable information free on TH-cam. Big Fan of your channel ❤.
Day 1
--- 31.01.2023
------ Chapter 1 to 5 (included)
Day 2
--- 01.01.2023
------ Chapter 6 to 8 (included)
Day 3
--- 02.01.2024
------ Chapter 9 to 10 (included)
--------- completed the exercise
Conclusion: This is by far the best HTML course on TH-cam!
.
.
.
.
.
.
9nikolov was here
this guy made me go from nothing to to be able to make basic web pages on my own
I'm studying coding, AI and neuroscience at age 40, yep. I just finished studying this tutorial and completed the practice all by myself. Here was my progress day by day:
DAY 1: (00:59:55) Chapter 5 - Add Links (included) and Review
DAY 2: (02:24:53) Chapter 8 - Create Tables (Included) and Review (felt too much info)
DAY 3: (02:40:42) Chapter 9 - Forms & Inputs and Review (felt better)
DAY 4: Review
DAY 5: (03:25:16) Chapter 10 - HTML Project (definitely felt great!)
Thank you so much Dave Gray! This is priceless!!!!!!! I learnt a lot!
I just finished the tutorial and I'm currently doing the project, thank you Dave, you're amazing.
I need him to be the main instructor for everything code.This is the best tutorial ive had,everything about this is so perfect for me to learn and the instructor is amazing in how he shows you everything and the tone of voice and speed of content is perfect.Ive learned more in this one than any other tutorial for this.I'm learning so quickly and i'm very happy with this.Please make more videos with this instructor.
Dave, this is a GREAT course. I loved your attention to details and some necessary repetitions + all the background info you provided. THANK YOU SO MUCH.
never coded in my life before, however, with this sort of lessons I think everyone can code. Man you are good and your training material ought to be used in schools
After 2 weeks, I'm finally done with this video
Now, it's time for CSS 😭
Great tutorial. Everything explained step by step from scratch on a professional and easy way. With nice and examples.👍 Keep up the great work!
I was able to complete the whole project on my own! This was an awesome lecture Thanks a lot Dave.
You really teach well and the videos are clear and zoomed well and beginners can understand please do more of this i have started my web development journey and hope to get somewhere .. hoping to have more on CSS and Javascript as well. This tutor deserves an award.
You really are one of the best teachers. Thank you for making this awesome course.
Good day Dave, thank you so much for creating this awesome tutorial as well as the CSS Tutorials for Beginners! I am new to website design and find it very interesting. I really like that you teach how to write code that is structurally and semantically correct. This gives a good foundation on how to properly write professional code. You cover coding from the beginning to more advanced and you explain everything you do at a good pace and in a simple way, so that us newbies can follow and understand. I have learnt so much from your tutorials and although I won't remember everything immediately, I know what can be done and just need to keep on practicing to get better and more comfortable.
I have subscribed to your channel!
Thank you very much.
Kind regards from South Africa
Best html course so far. Loved the the clear explanation. It not just about coding in html but having accessibility in view to give full optimization on various pages is awesome
Starting to learn how to code on the very special day- Pi day 314. Thanks for teaching me and bringing me to this wonderful world!
Thank you so much for this! It's crazy how much I've learnt. Dave covered a lot of essential and basic knowledge through out the tutorial and made it easy to follow. He took me from pretty much no knowlegde to understanding the general structure of html, furthermore semantic tags used to confuse me a lot, but after this they became much clearer to me! I had some trouble with the tables on the proyect, but I was able to do pretty much everything else alone. I really can't thank you enough, it had a huge impact on showing my boss a great improvement in html in just a matter of days :))
Hi folks, here's Landry a young learner becoming a geek thanks to these kind of tutorials. I am trying to build some app and social media platform. I've done the exercises and followed the entire course. Thank for everything.
Started on Monday, finished by Friday.
Overall, this is a good HTML course for beginners.
Thanks to Dave.
Thank you Dave! I learnt a lot.
In my life, I haven't seen someone breaking down a topic on coding so much to this level. Dave Gray has done it and words are not enough to thank him. You have made HTML look like an easy thing and I thank you for it.
how is ur coding going so far
Hi Dave, I´ve just finished the LTS website thank you for your patience and I hope to continue learning from you.
Completed till the project. This is the first course I will be finishing without break. Learn a lot new concepts including importance VS Code and it's short cuts. Thanks Dave and freecode camp.
Wow, thanks so much. Also using Emmet on VSC you can press "!" then "enter" on a freshly file a whole HTML preloaded format shows up instead of typing all the small details.
Hello, greetings from Colombia. I must say this is one of the best HTML tutorials I've watched, it is so accured and easy to understand and also very modern, really hats off to you, thanks for sharing!
This is the best course that I have been come cross. completed the tutorial alongside of practicing he explained the concepts clearly and helps to kickstart of learning the web development. Thankyou!
I have been studying web development for the past 4 months and this is by far the best tutorial I have ever encountered. Every topic is discussed with the utmost clarity and the pace is perfect for beginners. Thank you Mr. Dave Gray for the incredible information you shared, you are an incredible teacher!
Please can you help me with the link 🔗🔗🔗🖇️ he says he is gonna put in the description
@@muhammedabdullahi7996 here's a link to the video posted on his original channel containing all links.
th-cam.com/video/mJgBOIoGihA/w-d-xo.html
Thanks for giving such a easy and good way. This HTML tutorial was very helpful for beginners.
Thank you Dave for this amazing tutorial. I definitely know much more after I have watched it. It actually took me more than 4 hours, probably around 10 because I paused the video for 100 times to make notes and so on.
So much information to process now.
Same here, I also started making notes of the tutorial. It helped me save time in the long run. I retail more info and can review thing much faster than before.
Hello bro can you send me your notes for help
UGH. I love this way of teaching!
1. He keeps everything super simple for the average person to understand.
2. He doesn't move too fast.
3. He explains everything he does.
4. Each chapter is fairly short, which is amazing!
5. There are only 10 short chapters!
6. The tutorial isn't 15 or 20 hours long like a lot of others.
I dissected this video several times and now I understand html. I took detailed notes and made easy access files for later reference. Now I have html knowledge. Thank you.
This is an amazing video. I do not comment often, but this video needs praise! Thank you so much for this! Please keep up this content. This was so incredibly cool and engaging
Dave Grey is an awesome teacher. Nice to see him here.✌️
Great lecture and in very clear terms. I am a beginner and wanted such resource for my learning. Thanks David for such a wonderful video.
This is the most respectable course to get an Introduction to Web development in general and HTML in particular.
I appreciate this excellent content, and now I've gained a fundamental understanding of HTML. I've successfully created the website, and I'm moving on to learn CSS.
Absolutely love this course. Great for me to start my frontend journey, thank you for your effort.
me too
what do you want to learn again ?
hey wanna be friend ?
Dear Dave,
Today I just started to watch this tutorial. And I must say that this is one of the best tutorials ever made for beginners on the internet. Though, I've only completed chapter three. But surely, I'm going to finish this tutorial.
So, please let me thank you from the deepest part of my heart.
Love from Bangladesh
Finally completed the project !!! Thank you so much sir , i was able to do the project easily , your teaching method and the detailed knowledge you put in is commendable . Learned a lot ❤❤❤Hats off to you 🙏
I was going to watch this just for fun thinking that you would just talk about stuff I already knew. Holy crap was I wrong. I've learned so much more about HTML. Thank you.
Your teaching style is wonderful! I’ve started out with other courses (including those on Skillshare) and yours is, by far, the best. I like the speed you go and how you explain WHY you’re doing what you’re doing. I need that. Other instructors just say, “type this…” and “type that…” and I’m clueless as to the why. How could I possibly remember what, if I don’t know why? Anyhoo, I’m a few days into learning html5 and I feel like I’ll actually be able to stick with it because of your videos. (I tried learning XHTML years ago but gave up because I thought I just wasn’t smart enough) I now believe I AM smart enough and I plan to move on to other languages after I’m more confident in HTML and CSS. Thank you so much!
thank you! wonderful tutorial for beginners! It took me 2 hours to complete the assignment. Heading towards your 11-hour long CSS tutorial!!!
Dave gray is one of the best instructor I have ever come acrossed he made sure by touching every stuff in depth
2:54:30 Tips and explanations like this helps me to stay focused. %95 of the tutors would tell you that you should change your attribute value to tel if its for phone number without explaning what is the difference between tel and num and how they behave. But a 5 second explanation makes all the difference. Thank you so much Dave, you saved me from tutorial hell
Thankyou for creating this content and making it free for everyone..i learned a lot and i started my web dev journey using this...Thank you 😍❤
Thank you for this tutorial. It was extremely useful. I've learned a lot during these 10 lessons. Thank you for the "Chapter 10 Starter", I thought it was a really nice touch to test yourself on the HTML knowledge we learned after the 9 tutorials.
Wow, what an excellent work done by this group, I really appreciate for their good work especially Dave. May God Almighty bless you for giving out this free.
This is cool! Thank you for you contribution sir!
Millionaires are made in crash, so the more stocks drop, the more I buy, in the meanwhile I'm just focused on making better investments and earning more, apparently there are strategies to 3x gains in this present market cos I read of someone that pulled a profit of $350k within 2months, and it would really help if you could make a video covering these strategies.
The strategies are quite rigorous for the regular. As a matter of fact, they are mostly successfully carried out by pros who have had a great deal of skillset/knowledge to pull such trades off.
I’m new to all this, heard it's a good time to buy and basically I've just got cash sitting duck in the bank and I’d really love to put it to good use seeing how inflation is at an all time-high, who is this coach that guides you, mind I look them up
Thank you for this tip. it was easy to find your coach. Did my due diligence on him before engaging his services. He seems proficient considering him résumé.
Amazing tutorial! No words, just great explanation and information on everything!!
This is an awesome course! I can highly recommend it, and Dave is a really good teacher.
The way you explain is so simple, I learnt a lot, I hope you make a CSS course like this one.
my friend he already has one in his channel and this is the course th-cam.com/video/0W6qz0-aDaM/w-d-xo.html
You are the best teacher I've ever come across in my entire life. Thank you for existing :)
May God Bless You, Dave, I really appreciate how you covered everything and you're hard-working.
Wow, I can't believe this is free. Great work Dave!
This tutorial was very positive... Dave encouraged me to use my own imagination while using his to get me to learn HTML in the most efficient method possible. Now I'll go to his CSS tutorial on his own YT channel which I am sure will be as good as this one!
I truly appreciate the confidence you showed in me.
Honestly, this video is the best start-up for me, and thank you for the bootcamp link too.
I'm a novice in the tech field. Watching this video makes it so easy. I can't wait to watch other videos. 05/22/22.
Hey, Aishat care to link up I'm also a novice.
@@sophiaugochukwu3400 Sure. How can I reach you?
The best tutorial I've seen, he makes everything look easy and very understandable I love it!
Can I use it for absolute beginning in HTML 5
@@abhishekfarande9672 yes ofc u can, its a beginner tutorial after all
@@ahnaffarhan3279 thanks
I will keep this video throughout all my journey in the coding world. I love you man
OMG, thank you for this HTML video. This videos made understanding HTML easier to learn as well as easier to use MDN site
Best HTML course ever, hands down.
Fantastic tutorial. Explained everything to the point and in a easy language.
Finally,I completed it in 3 days.I have no words how to thank you.♥️♥️💯
Thank you so much for really explaining things thoroughly throughout. It def helps me (and im sure others) retain the information much better!
His youtube channel is also better than most of others out there
I am here, yesterday I started, I will tell you when I land my first job :P
update us!
Simply the best HTML crash-course. Completed in one go!! Thanks for your efforts.
The video is just what I’m searching for I was scared of coding and today this video makes me love coding more thanks very much you are the best of the best
Thanks for this tutorial! Followed it all the way through over the course of a week, and the having a project at the end to put it all together was an amazing tool to help solidify the knowledge! Just wanted to really say a sincere thanks for all the time and work that went into producing this content that is accessible for free. As someone who works full time and is just learning to code "for fun" I am seldom able to actually pay for courses. Without people like you and freecodecamp putting out content like this I wouldn't be able to learn these things. Not only is it awesome that this is free content, but it is really presented in a great format, you are a great teacher!
Looking forward to going through CSS next, and hoping (and assuming) that you have a javascript one as well?
Great work sir. I have a quick user manual for this video, this video is about 4 hours but the best way to use it is to pause it block by block and type it as the instructor is doing it. also pick up keywords like block level and inline elements, escape sequences, attributes, values and then look up in chatGPT for similar thing ex. , < , > etc. This worked best for me. It took me 4 hours to cover the first 40 mins of the video but trust me Now I can confidently say I understand HTML. Do not watch the video at one stretch and expect to learn html, I had tried it earlier twice and failed. Once again.. Thanks for the great video.
A really great tutorial! I like that even though my English is quite simple, I understood everything you said. You have great teaching skills too! Now I'm going to watch your CSS tutorial :)
Loved this course
That's amazing! Make a course just like this for CSS as well
Agree!!
They published a couple of courses for CSS . Search for it
Yes please best and simplest course I am sure he will killit if he were to do a CSS one like this too. Please DAVE
Yes this but has to be Dave!
Please! ... and CSS (only).
Started the course 28th Aug '23
Completed 1st September
Completed the project 3rd September
Next up CSS!
Thank you, Dave Gray!
Completed this video on 06/5/23...overwhelmed by his teaching skills...looking forward for learning more from Dave ...Thank you for making this content easier for us !
You are almost done! How was your experience?
@@renzdogillo2488
Well i just finished Sir Dave Grey's Css playlist ...and by far...i seem to have very detailed understanding of things...If you are learning html..i will recommend follow his css lectures too
Monday 27/06/22 I started my 12 Weeks to become Web developer starting with this video, I will be learning to code for 4h everyday for 3months and hopefully by then, I would be a confident web dev... I am documenting my journey on my youtube channel.
Good Luck everyone👍🏽 we can do it.
Check the Odin Project
I went thru the whole tutorial. I don't think thank you so much is enough tbh.