HTML Crash Course For Absolute Beginners
ฝัง
- เผยแพร่เมื่อ 16 ก.ค. 2017
- In this crash course I will cram as much about HTML that I can. This is meant for absolute beginners. If you are interested in learning HTML but know nothing, then you are in the right place. We will be creating a cheat sheet with all of the common HTML5 tags, attributes, semantic markup, etc. We will not be focusing on CSS in this video. The CSS crash course will be released shortly after
21 Hour HTML & CSS Course:
www.udemy.com/course/modern-h...
CODE: Code for this video
www.traversymedia.com/download...
NEXT: CSS CRASH COURSE FOR BEGINNERS
• CSS Crash Course For A...
CHECK OUT MY FULL STACK COURSE:
www.traversymedia.com/course/t...
BECOME A PATRON: Support me directly for even $1 per month
/ traversymedia
ONE TIME DONATIONS:
www.paypal.me/traversymedia
FOLLOW TRAVERSY MEDIA:
/ traversymedia
/ traversymedia
/ traversymedia - วิทยาศาสตร์และเทคโนโลยี
*Timestamps*
_Intro_
0:00-0:43 ----- Intro
0:43-2:48 ----- Before We Begin
2:48-4:47 ----- What is HTML?
4:47-6:08 ----- What We Need To Start
6:08-7:30 ----- Installing Sublime Text
7:30-11:14 --- Creating an HTML file
11:14-12:32 - Tag Syntax
12:32-13:21 - HTML Page Structure
13:21-14:11 - Page Structure Examlples
_Tags And Elements_
14:11-17:00 - Hello World
17:00-19:13 - Headings
19:13-25:35 - Paragraphs
25:35-26:36 - Tag Attributes
26:36-29:10 - Lists
29:10-32:57 - Tables
32:57-42:00 - Forms
42:00-42:56 - Buttons
42:56-46:59 - Images
46:59-49:23 - Quotations
_HTML5 Semantic Tags_
49:24-50:18 - Info
50:19-51:50 - blog.html
51:50-53:59 - Articles
53:59-55:10 - Sidebar/aside/nav
55:10-56:18 - Footer
56:18-57:54 - Simple Styling with CSS
57:54-59:14 - Meta-tags/SSO
59:14-1:00:06 Internal links
1:00:06 -------- Outro
the real mvp
Global Elite job man! 👏🏻
thank
Thanks so much
THANK YOU SO MUCH for your extreme patience.
who's learning a new skill while in quarantine?
Im Mandana .. here🙌😀
me too and loving it. amazing tutorial
@@Qangybas.Supertramp well brad is just amazing, good luck
Definitely me. Before this, I've done Python & JavaScript tutorials. This is more of a transition for me. AI and what it can do for the disabled is fascinating. Stepping into IT during quarantine.
Im Mandana taking up a few, coding would be awesome to add. Yourself?
My first HTML tutorial course back when I got started in September 2020, now I'm a full stack developer. Thank you Traversy!
Really congrats brother, actually I love full stack dev course can you please help me to reach there ❤
@@mradithya017thanks for that. We'd have to connect privately, I really can't lay everything out on here.
I'm just getting started
@@omondivincent8342 keep pushing!
It took me 3years to achieve this milestone (the proficient level).
Rome wasn't built in one day.
Hello can we connect 🥺🙏
I swear. I've done a bootcamp....AND went to college. And this 1 hour lesson is FAR better than any pre course work for introducing students to HTML. In fact...Im telling everyone i know who wants to learn..to subscribe to this channel. Kudos brother. Your awsome!!!
...this is horrifying, I'm looking at bootcamps right now and this video can't possibly cover everything you need to know about HTML. Accessibility, code auth, like there is no way.
@@rox8078 Its not meant to cover EVERYTHING. Its a crash course. Once you master this video. You move on to other things such as what you mentioned and it will make waaay more sense. Why pay all the money for a boot camp that is literally gonna do this video..just in a different way. But people do learn differently. If your a person that needs like a mentor or formal training then a bootcamp would be best for you. If you watch this video and take really good notes in your text editor its very useful. Then take the JavaScript crash course, then the Css one. Then start a project from front to back. Youll solve hiccups and learn while doing that. You'll be suprised. Trust me. Html is pretty easy to learn. Javascript a little more difficult yet doable from these vids if you really follow along. This hour video shouldnt only take you an hour if you do it right. More like 8 hours. Lol
@Tariq Bailey oh I meant for a boot camp not to cover everything in this video, not the video itself. I know that the video is just to get the ball rolling, but a boot camp should have given you everything you need 😅
I'm so motivated after this video. It might be past for some ppl but for me it fresh and very useful class.
Same. Brad's videos trump both college and bootcamp and you can learn coding without counterproductive artificial pressures to satisfy arbitrary college and capricious boot camp timelines. There's no way to accelerate learning to code. Everyone has their own pace and coding consistently yields the most return over a period of time, not learning in a herd like livestock, always being chased by proverbial sheep dogs, forcing the flock to abandon one subject not well understood to move to the next and repeat this routine in a race to become a half assed developer as soon as possible. That's not going to put your career on a good foundation. Coding is a journey, not a race for largely fictional fortunes.
"For God's sake please don't use internet explorer" lol i love how straight up you are
Oh shit
What about Safari for Mac?
@chrashed Neon brave browser pretty cool too
@chrashed Neon my RAM
"if you didn't like it then go ahead and leave a dislike" - his tone, he literally doesn't give a shit 😂 super helpful video, feel like I learnt more in that hour than I did in most weeks at uni
amen to that!
bet he can hack youtube and show millions of likes if he wants
th-cam.com/video/3hrcrHE-C6w/w-d-xo.html
@chrashed Neon can I get the timestamp to where he said 'then go ahead and leave a dislike' please ?
@@danqaf7186 1:00:35
It is first day of 2024 and I start it ...I will come here after 6 months and let you know ....
Its 2 months how good are you at this?
Its half of ur time, how r u doing ?
Half is gone what's going on buddy😂
How is your progress bro.
Bro sleeping right now 😂
This video helped me start my career as a web developer 3 years ago
I can't be more thankful
I think I've finally found my way to the beginning of this programming endeavour. I need to learn HTML and CSS first. Ok, here we go! Fingers crossed, mind open
Thats the way to go
You can check this too
th-cam.com/video/mIYIBBInKbo/w-d-xo.html
how is it going now?
@@takatoekoe Great, I've just been watching this video and following along once a week typing what he does. Creating my own little simple page. This video really is so helpful! He is right about the 100s of learn html in 15 mins video. They're trash and teach you the basic tags.
Good for you! Work hard, be persistent and you will become a pro in no time!
Thank you. Lost my job due to Covid and I have an interview on Monday. They want basic HTML 5 skills. This was extremely helpful :)
How did your interview go. Hope it went well
@@miriamzimba544 so sweet of you to ask. It did go well! thank you :)
so the job only wants HTML? what about css and javascript?
where did u find this job and how do i look for only HTML 5 jobs?
@@utpallama6061 The job is marketing not dev. Best of luck. I hope you something quickly.
@@suru01 good job man didnt doubt you!
The way you break into pieces for beginners is incredible. I’ve watched quite other TH-cam channels about the same topic and yours is absolutely on top. Thank you very much❤️
5 years and still the best I could find! Thank you!!!!
I have to completely honest. I’m taking paid courses just for career development insight for interviewers while looking over my CV, also they have helped me create a number of projects to add to my portfolio which is great while learning at the same time.... in saying that, I want to genuinely thank you, as we are all grateful for your hard work at the expense of your time and being completely free to us. Your courses are extremely well presented! Thank you!
Are you willing to take on a new project?
@@esotericspiritualkeysofasc922 yes tell me
TH-cam schooling is better than going to an actual one.
karl felipe agreed
karl felipe they expect you to learn it urself
Soo sad actually
Grant Todd Fuck school. Those 12 years of algebra, geometry, ela, well... history I learned some, and science are all gone in my memories. Why? Freaking tests mate. Those cramming ain't good and this is why getting high grades in school is pointless. Only time that was important to me was going to high-school and that was doing good in 8th grade for 9th grade. That is the only time I would study hard but from grade 3rd-7th, I should've just relaxed and study my OWN stuff.
what he went through in this 1 hour video took us 3 months to learn in my college. un fucking believable
This class felt like I was drinking water from the spring. It was so fresh and satisfying. Brad, you are amazing! You are a true teacher.
I’m gonna take this series and really dive in. This going to be the key to live a better life. I’m so glad I came across this channel.
Brad, you seem to have a huge source of energy. Recording, making mistakes, editing, posting the video, commenting, learning over 3 million languages... MAN!
You are inspiring me to be better. It's amazing to have people like you Brad.
Tony Lancer i love what i do and im doing this full time. I do courses as well but youtube is a huge part of my business. There is a lack of web dev channels that post regularly so im trying to make up for the slack 😊 if it is a technology that I already know i can create the videos pretty easily.
Thank you. I am pretty sure any aspiring web developer would be grateful for your channel. Thank you again you are unique from other channels because you give everybody a starting point.
Tony Lancer He Might Drink Carabao Energy Drink especialy manafactured for Programmers lol
Tony Lancer agree 100%
I agree! Thanks Brad. I'm a freshman in high school but I'll be glad to support you financially in some way when I can :D
This video is teaching me a lot better than the college course I'm paying a good thousand for
You can learn everything for free!
ditto here, plus some of the course content is not consistent with each other and the Assignment materials look dated from like 5 or 6 years ago.
dam
Self taught is better
Yeah
I'm very grateful for your tutorials...In college we pay a lot of money but the content they are delivering is not worth a penny...You have taken time and energy to freely upload this awesome tutorial so that others may benefit.
I'm doing Bachelor in IT but I was really blank b4 I visited your site.
I can confidently am about to master front-end thanks to you...Lots of appreciations Brad!
Watched it twice. Thanks man! Honestly been trying to learn anything coding wise for two years now and this is the first video I’ve completed (twice lol) so you’re awesome dude!
This guy definitely needs to get paid for this
Thank you man
Nah bro ain't got time for this shit
After seeing this,
Wherever I visit a website, I think that how much hardwork is done in this website😧😧
Well yes however most websites are not coded rather they use a site like Wix to easily design a website
Especially TH-cam! I bet lots of CSS goes into it!
You just walked me through my first lines of code! immensely grateful for your tutorials!
This is honestly so helpful, I’m currently taking a course to get into a program and I am an absolute beginner like didn’t know what HTML meant so at least when my next class starts I’ll know something before going into it
From someone who didn't know a damn thing about html, thanx. I learned a lot from this and I watched the whole video.
watch video for calculator using c language... th-cam.com/video/w4S5hY6Hv5Q/w-d-xo.html
had me at "you cant learn HTML in 5 mins that's absolute bullshit" lol
wronx
I laughed hard 🤣
Show me the "Lorem ipsum"!
@@Robert08010 73% of HTML is learning the teachings of Lorem Ipsum.
@@scratchy996 "Namaste-ks, just type-os"
Truly excellent video, thank you so much! It's great when people are willing to start from the beginning rather than trying to sound too clever and skipping what they think is "obvious" - love your approach.
This was a fantastic course, I touched HTML about 15 years ago and completely missed some of the basics you showed here, liked and subscribed!
Learned more in this one video than in my entire Web Tech class in college.
Brony Alpha wow lol. College is such a scam lol. This was very detailed and informative
My chanel is new . suggest to me the topic you need i will create a video about that one
Wow!
Is that true? Because I'm grade 11 and my teacher teaching these kind of code
Yeah that’s the funny part about it, you learn more in this video than in computer science class or whatever tech related class you take.
This is the best beginner HTML tutorial on the internet, thank you!
Learning institutions & courses should work with this guy to make learning experience more practical and remove all the scary languages/exercises
This was incredibly helpful! I've been learning bits and pieces of HTML over the last year, but I knew I needed to actually sit down and learn the basics, and this was wonderful. Thank you!
Concise, appropriate, flowing, no fluff like silly music/jokes/intros.
You are the man. Subbed immediately after watching.
Hey man would it be possible if you made a series where we would create & launch a real functional website from start to finish? So for example, the series would start off with easier stuff like HTML & CSS, then Javascript, and then we would move on to more and more advanced stuff like setting up a functional registration form and newsletter. We would add more functionality to our site and learn more backend as the series goes on, like PHP. I feel like that's a lot to ask but just so you know i have bought one of your courses on udemy already to support you! Thanks for everything!
Yes please! I've been waiting for a series like this. A real, functional website/webApp.
This would be great
I second this. This would be very helpful.
Hmm. No response.. Sounds like he doesn't want to do it.
Yes please ! Will hope awasom course like these
Best HTML tutorial I've seen. This guy is thorough and straight to the point. I recommend this to anyone interested in learning web development!
Tq for sharing
dude, thank you! this video changed my entire view about HTML.... the way you put it, everything together makes all other videos around look like nothing and clueless. amazing how you pass your knowledge. I watched this in december 2021 and I know HTML, css, php and all programing language change every day because ginius ppl like you. thank you very much.
absolutely amazing. I know a bit of html anyway but i'm just making sure my foundations are grounded first. Like I didn't know that html isn't a language. You go into small details which is amazing. The sort of thing that someone would pay a course for. Thanks for taking the time to make this video for us all
Subscribed just because the line - "For god's sake don't use IE"... Killed me right there.
isolating due to corona virus so have 2 weeks of lounging around decided to learn a new skill thank you for this video!
BeardGangDave same man , can’t wait
same here broh
Same dude!
great mindset :D
Add me to the isolation newb gang! 😄
Great tutorial! I need to learn HTML and CSS for my software engineering course and this made the whole process seem much more digestible! Thanks a ton!
I've properly started learning coding this year (I did have somewhat of a base before hand).
It feels awesome when you watch this video and you know you already know and understand all the commands here.
Recent CS grad that didn't take an html/web design based classes and this was a huge help getting started on putting together my personal website. I was a bit skeptical at first because I was really just looking for the tags and there usage. You described things clearly and concisely however and I felt like it was worth it to not skip around, and actually listen to all your teachings. Looking forward to watching the css and javascript videos.
Best hour I’ve ever spent on TH-cam thanks
Such an amazin tutorial. I have come back to this after almost a year and it has made my knowledge ever better.
th-cam.com/video/t-ea0WJKib8/w-d-xo.html
This is the best html course I've seen. Precise, direct and straight to the details. Now I know why Brad is so succesful. He knows exactly what to teach ir order to help you to be a great developer. Thank youi.
For the first time in years, you have made me fall in love with HTML. This is awesome. I guess I have have to build my website ideas after this tutorial. Thanks so much.
"some people may not like longer videos.."
I will literally sit and listen to a 4 hour webinar of this.
Ikr this was so informative
The 1 hour was definitely worth it
ME TOO!
This has been a HUGE help, thank you very much for uploading this tutorial. I've spent almost an entire week just trying to build a basic gallery site for images, but none of the wordpress themes gave me what I wanted. With this one video alone I feel halfway there. All I need to learn now is the CSS part of it.
For context i've been using Adobe Dreamweaver along with this tutorial, and it's been great so far.
mate this is awesome - honestly you have such a skill for communication/teaching in a way that's really straightforward to understand. going to use this whenever i know people keen to get started.
I know this is 3-4 years old now but I want to stop by and tell you THANK YOU SO MUCH!!!
This tutorial has been more valuable in educating me in HTML than could've imagine. You're the MVP!
I hadnt practiced coding in years and I'm about to start school for my bachelors in web design so I wanted a jump on understanding the basics before classes start. This is perfect. Thank you so much.
WOW! Amazing content. I am a complete newbie and started over on free code camp, but I got stuck on the first project because I didn't know html. Now I feel a bit more confident. Thanks!
Thanks brother! It's been a while, I'm getting back into web dev after a long break.
I taught myself using notepad back in the day. Your channel and videos are second to none. 🙏
th-cam.com/video/t-ea0WJKib8/w-d-xo.html
This is what I need as a senior who is retooling to keep working. Thank you and I will continue to watch, grow, and learn. Please keep forging ahead.
I'm currently taking a course in HTML5 and CSS for my degree and decided to watch this video before reading any of the content for the course. I sure found this helpful so when I take my quizzes and such I feel like I will be 2 steps ahead and get through the course a LOT quicker. Thank you and love the videos. Definitely will subscribe for any additional resources
Watched the whole thing! I dabbled in some HTML last year and fell away from it but this was a whole new level of interest. You explain it so so well and I’m definitely learning a lot more than before. Here to stay man! Thanks for this :)
i was watching the whole video like OMG,OMG.
th-cam.com/video/u1lrpvFNo3M/w-d-xo.html
The only one hour I won't regret spending it on youtube. You are a star 🌟 mate. You are My first step in coding.
And here what we have is a semester course worth of my time compacted into an hour long lecture...
Hello there, I believe you're doing well during this hard time we are all facing. I see you're interested in learning HTML, if that's so then I run a channel where I upload tutorials on HTML, CSS, and javascript. If that's something that interests you, then please visit my channel, I got a lot of tutorials to choose from and I believe they will help you. And consider subscribing and don't forget to leave me a comment of what you would like to see next. Thank you and stay safe out there.
lol why would they take a whole semester for this
wow. I went from knowing nothing to knowing what html is. Thank you for blessing this world with your video courses. 🙏
1 hour later and I feel like I've made more progress than learning on my own for weeks. It rally helps when someone explains concepts to me, and you are great at it. Thanks man!
eeeww arsenal
HOW ARE YOU NOW??😂😂😂😂😂😂
Just incredible. Thanks for serving us with your time and knowledge. For real, we’re grateful!
Amazing, just what I wanted... I am starting with Web Development and this is like a boon for me... Thanks a lot...
If you're having trouble with the highlighting and commands go to tools, command palette, and set syntax to HTML
Thank you for this
Thank you i was looking for this
thank you
thankssss
Thank you so much!
One hour well spent. I know it isn't a complete and full guide on html, but I feel like I learned so much even for just a basic website layout. Definitely want to learn more after watching this. I'm working towards building my own online shop, and this feels like a great starting point.
How far along are you on your journey? I am a digital marketer learning to make my own landing pages and resume site
Did u built it bro ...?!
First time here on recommendation of my cousin. I have never been able to do any type of coding before. I have never coded in the past and am a teacher by trade trying to break into this field. I was able to follow along and make everything, which is great! I tried Python last year and I couldn't do it at all. It was so frustrating. This channel is giving me hope! Thank you!
Ever since I discovered your channel I never switched and probably won't. Your content has an enormous value that is much appreciated. Thank you a lot for being awesome!
Hey, guys! Just wanna tell you something. It's simple to say thank you to him, just don't skip every ads in his amazing videos :)
Doesn't matter.... Even if you skip those ads he's going to get paid....
@@rowdyghatkar how? May I ask?
@@rowdyghatkar how is he paid
TH-cam
@@rowdyghatkar no he doesn't
getting ready to start full stack program and my son who is a web developer/engineer sent me this. I love it! I'll be watching more to get myself reminded of things and learn new things for the course I am taking.
This is the best HTML course here on TH-cam! I was having trouble but now I got it for sure. thank you so much.
Just got a laptop for Christmas. So excited to start learning code.
I m waiting to by myself a laptop from 4 years ago...Happy to you !! :)
Sooooo....oooo lucky you are!!! I am eagerly waiting for lockdown to be over so that i can get mine.
Make sure to not give up... Like me sometimes!
Thank you so much!! Was looking for a course like this, well explained and from scratch.
Practiced hands on side by side with Sublime and felt so proud of the final thing even if it doesnt have any styling (yet).
Instantly subscribed and I will continue watching your videos :)
Definitely one the best online classes 👍
Thank you for cutting out the bs like so many tutorials do and making a structured crash course that is simple to follow. Personally, I like Visual Studio Code (probably because it's the first one I discovered), and was very blessed to learn the many shortcuts along the way. I will probably be watching all other coding videos of yours, because I really enjoy this subject of learning :D
I've taken HTML classes before, but it has been awhile, so this was a very good refresher course. Thank you very much.
Wow! Thank you. 👏 👏
I'm an Administrative Assistant and loving working from home during quarantine. I'm hoping I can learn front end development and eventually turn this remote work thing permanent.
And it never hurts to learn something new.
17:26 => Adding comment ()
23:42 => & | By default strong is bold & em is italic;
25:08 => Adding target to a link Html () to open a new page/tab;
37:53 => Use type = "email" when dealing with email address;
39:47 => Select list;
40:07 => Number type with predefined value;
41:21 => Place holder;
41:59 => Submit (button);
52:29 => Small (to show date/posted by xx on xxx);
55:00 => if you have some navigations;
55:43 => Footer - copy right;
55:55 => Give header & footer an id coz you might wanna have more than one header & footer;
59:14 => Meta tag (won't appear on the site but it'll be used by Google when it scans through the site);
59:32 => Linking the site with a tag;
Thanks, helped a lot
Even though this video is old now it's still helped me an incredible amount.
Trying to get an apprenticeship as an IT specialist in Data and Process analysis and this stuff will help a ton.
Thank you so much!
I like how this guy is frank , I already watched other tutorials but definitely learned a lot more from this guy .
This is amazing. I’m sure some bollocks website would have charged £40 for a series video like this; chopped it into 10 videos; and skimmed over everything to just send you to a blog. Thank you, Brad. Really appreciate this
I was always wanting to learn to html, but it was like never had enough time to really dig into it. With this lesson it just happened in a couple of hours. Very good. Thank you, Brad!
th-cam.com/video/t-ea0WJKib8/w-d-xo.html
I've gotten more from this 1-hour video than I have from 5 weeks of a coding course :O thank you!
What a great video for us beginners. I just started at college the computer programmer studies and I find your video channel much more helpful than our school videos (we are doing the teaching from home due to Covid).
So thank you so much, I keep watching your videos and learning heaps of new stuff!
I just watched the entire thing, thank you so much 💕
thanks so much bro. i've been interested in learning how to code for over 10 years. i have learned more in the past 2 days watching this than in my entire life. amazing and thank you so much for the hard work. i actually feel like i can do this
As a novice, I d never thank you enough for your awesome clear smooth complete explanation. Thank you very much. Gratefully 🙏
Being an English teacher, my dream was to create a blog with interactive exercises. Now thanks to you, it would soon become reality..why not
This video is so ridiculously helpful and you explain this so thoroughly, cannot thank you enough
I learned better and more from this than a WHOLE YEAR in a CSS and HTML class from college...
That is worrying... For me.
Ariel Espindola every university is different, i has a terrible professor, he was from kenya and had a very heavy accent to the point it was hard to hear him and understand him. he never gave time for any questions, and would get upset if you fell behind during an in class assignment. the class was a shit show for a lot of people.
Man , thank you . Just a chilled easy course that is as fluid as drinking a glass of water . So enthralled I just gotta say gratitude and much thanks .
Hi Traversy, i have really learnt alot from your channel. your style of teaching is amazing, keep up!
Hi, Brad. I had two computer courses & you are awesome! Thank you, Brad. Robert Streetman
Watched the whole thing. Great, perfectly paced & engrossing delivery.
I didn't just learned something, I learned ALOT! I can't believe I just found this video now. Been wanting to learn HTML and CSS and this video is supeeeer insightful. Thank you for your tutorials!
Pretty lit! I could really understand everything, even stuff that I haven't really wrapped my mind around. Great tutorial for beginners.
This was awesome. Learned a lot in 1 hour. Your teaching style is effective because you don't sugar-coat anything; straightforward and right down to business, I like that! Well done
Got my sub 2 minutes in when you said that you can't really learn anything in 5 minutes and that that's a bullshit concept. I'm always pleased to find someone who makes it known that very few things require no work or effort and that there are no shortcuts to life. Thank you for this video, I know I'm 5 years late but I still appreciate it.
Incredibly impressed with this video. As an absolute beginner, I had half expected to get lost in the jargon and move on after a few minutes, but I watched it all the way through and already feel I know way more than when I started. I'm excited to continue learning.
I'm on 19:36, and am getting more excited as we move along
This is so exciting, I'm going to watch your videos this summer and learn HTML!
TH-cam University, Thank you for Teach us for free. God Bless You.
This is why I love youtube. Long live the internet and the spread of knowledge. Thank you!
Fifth day on learning HTML first four days from an app and tbh i learned more here going thru it step by step on my own don’t have a laptop so saw the video thru my iPad and downloaded a app on my phone to follow along. Amazing video will keep watching im trying to become a full stack web developer but want to learn the basics first then head on to python react GitHub all of that. Thank you really informative. It is an hour long video but for anyone who wants to learn I would say do it in the same time and pause the video yes it took me two hours but if you really want to learn you’ll put in the work.
Internet explorer left the group
Haha!
Looool
That made me laugh out loud!
I'm still LOL