HTML Tutorial - Website Crash Course for Beginners
Vložit
- čas přidán 3. 06. 2024
- Learn the basics of HTML in this crash course.
✏️ This course was developed by Beau Carnes.
🐈 cats.jpg: cdn.freecodecamp.org/youtube/...
🍝 lasagna.jpg: cdn.freecodecamp.org/youtube/...
💻 Code: github.com/freeCodeCamp/cdn/b...
🔗 Sign up for Hostinger here: www.hostinger.com/getstarted
🎉 Thanks to Hostinger for providing a grant that made this course possible.
⭐️ Course Contents ⭐️
⌨️ (00:00) Introduction
⌨️ (01:38) Choosing a code editor
⌨️ (04:27) Basic HTML file
⌨️ (05:02) Elements and Tags
⌨️ (07:05) Headers
⌨️ (08:34) Paragraphs
⌨️ (09:55) Comments
⌨️ (10:45) Content Area Tags
⌨️ (13:10) Images
⌨️ (16:00) Links
⌨️ (19:54) Unordered Lists
⌨️ (22:08) Ordered Lists
⌨️ (24:24) Forms and Input Elements
⌨️ (36:45) Div Elements
⌨️ (38:57) Footer Section
⌨️ (41:06) Head Section
⌨️ (41:27) Website Title
⌨️ (42:23) Deploying Website with Hostinger
🎉 Thanks to our Champion and Sponsor supporters:
👾 Wong Voon jinq
👾 hexploitation
👾 Katia Moran
👾 BlckPhantom
👾 Nick Raker
👾 Otis Morgan
👾 DeezMaster
👾 Treehouse
👾 AppWrite
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news
Good luck learning HTML! (or reviewing it 😀)
Thanks man but a question appeared my mind. Is it possible to land a job just by the help of freecodecamp (I mean just by following the curriculum.)
You probably pinned your own comment, didn't you haha!
Hello Beau nice tutorial but I was wondering is there anyway to host the website for free
Thanks a lot man, it's been a long due to learn HTML.
Would love too see you teach CSS and JS. Good day :)
@@zakyvids6566 I just hosted my own website for the first time on netlify. Very fast and easy. You can connect your project via git. So while you committing your project. The server or netlify itself will automatically deploy your latest project. For custom domain, like others. You should pay.
Beau Carnes is an amazing teacher. Now I'm ready for his Javascript course! Well done, Beau.
Monday 27/06/22 I started my 12 Weeks journey 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.
Update please 🥺
been doing html for a couple days now, and i already learned a lot, and it's definitely one of the easier languages to pick up on considering I already know LUA very fluently. if you're looking into using this alongside JS and CSS, I highly recommend!
Thanks for all the hard work you guys put into your vids!
Amazing, never seen used or had any clue what html was, now this is a 45 min teaching video, but actually took me a solid 12-14 hours to fully understand and do everything you do in this video, can do your full starter training from start to finish now without watching anything with my own ideas! Ty so much for your help with html. Keep up the good work!
😢
Actually you can use the element instead of the element.
Llegue aquí por una recomendación de una chica de CZcams. Gracias, he aprendido muchísimo y apenas llevo 22 minutos. Saludos desde México.
Literally searched for this this morning, tysm!
Great video. Always fun to watch.
The best teacher in CZcams for programming
Thanks Beau Carnes for this course.
Thanks! This course helped me remember basics of HTML!
Now its fun to learn from you! 😄
This was so helpful and the pace was perfect for me - thank you so much!!
never even used HTML yet I felt like a pro (yes, far from it but this tutorial was amazing!)
It's very good really. Thanks for your teaching
Thank you for tNice tutorials. SwitcNice tutorialng to soft from setupcraft and MascNice tutorialne is incredibly daunting and I didn't know where to start. I will definitely be
Stellar background sir🙃☘️🌿
Thank you! The steps are really easy to follow for a beginner like me! 😀
This journey is going to be fun
This is a nice course. well done
Thanks for the nice simple explanation
THIS CHANNEL TEACHES YOU MORE THAN YOUR COLLEGE!
Look like colleges this days just go over this things and hope you gonna lezrn it yiurself...
@@ngalladiouck7924may be,
I will,
Coz companies don't care about your certificates
THEY WILL QUESTION YOUR SKILLS TOWARDS A SPECIFIC LANGUAGE.
Yeah the good companies !!
This video is more wonder for those whos have knowledge of English... We are from Bangladesh. 🇧🇩🇧🇩🇧🇩 but still want to know html
Question: if I want to show some images from my computer into my website. Is there any problem uploading images if my computer is shut down? I mean in case if I already launched my website and paid for domain and web hosting (and trying to access the website from a different device)
Nice Video man :) good work
Thank You for this very useful :)
ITS REALLY WORKED LOL THANK YOU DUDE
Beau Carnes, thank you!
I want more courses like these which focuses on REVISION because it is tough to revise from bigger videos.
Do you really need to revise HTML?
How much time have you been coding for?
@@chaitanyarajesh1815 I've noticed that the HTML5 ARIA/Accessiblity standard is definitely something that seems to be undertaught in online tutorials.
@@punkgrl325 But we do not need to learn basic html tags all the time, we better learn css
Well I am of 12 learning from my dad’s account and builded more than 7 responsive websites
nice :)
more than 7 is... 8?🤣
Built* bro
Holy cow 🐮
Kid is doing great ❤️
when i was your age i only ate dirt
Amazing Job !
it was Amazing Thank you 😇
Very good video
Thank you for being straightforward and for simplifying things 🙂
Nice. Thanks a lot actually. It worked, you expl
Noice, early in the morning with 45 mins refresher video to me while eating breakfast..
Love From Bangladesh ❤️🇧🇩🇧🇩
The basics for anyone. Definitely putting tNice tutorials in my notes.
Coming As Adobe Programs User To This! My Mind 🤯🙃
It was easy to understand video. 🐱
Freaking legend, thanks Beau!
8th Jan '24
What are the useful extensions in VS code to learn front-end Web Development?
great exampled and interesting page created
Me currently working with Nuxt. But I'm gonna follow this course. It's good to come back and refresh the mind
Thank you so much!
Me after programming "hello world "
I think I can learn AI ,robotics,python,quantum computing
Odd one out - python
If you learn python, you already have a good basis for AI, since python is very good in that area
@@valentinow3137 oh,thanks for the information
@@valentinow3137 You can make A.I. in most languages but Python is preferred because it's easy, and has *frameworks* which help in this. But there are may better languages for A.I.
@@SaulBadman what languages are better for AI, if you don't mind my asking?
It's very amazing video 🤩
So is there a way to host a web page without paying subscription fees on Hostinger or any other sources and wondering why it costs ?
I watched full video and i think you complete all html but only concept of table is not teached
Otherwise this is best video that provides quality ❤
Very clear!
Just to take test...czcams.com/video/daGo_EChicw/video.html
nice bro.
what is your theme?
i like it.
Predicting that this video will hit 1m views soon
Amazing video tutorial
OMG Where have you been..this is the best video..THANK YOU ...THANK YOU
Thanks very helpful
excelente explicacion
Awesome tutorial
Legends know this is actually the html course from the 300 one on their website
Can you please make an how to make an auto catcher for poketwo? I wanna know how
Thank you!!!
Please consider building course on FreeCAD and LibreCAD. Thanks.
We'll look into this. Thanks for the suggestion.
I've watched html and css tutorial from earlier video but when I try to make a small project like from frontendmentor it's looks so difficult 😂. It makes me feel I've learnt nothing.
practice makes man perfect 🤗
until you don't code and watching tutorials is useless
Hello brother, the earliest way is to practice it more, if you want there is this project I am working on, we can do it together if you are down for it
@@nechetv6268 yes bro pleaseee I want to. Want to learn practically. Plzz teach your experience.
@@nechetv6268 i would love collaborating
Superb!!!!
Thank you so much
Good video!
codecademy has the best courses for html and css
Please do a CSS3 crash course
I love this channel
I need the review and to learn VSCode.
finally something i know 1% of lol
8:01 How can I reposition my windows like that side-by-side?
This channel is too good tbh
I love HTML 😊
After HTML needs a CSS crash course.
Finally someone without accent, great
That's why knowledge must be shared. Otherwise your pair will never learn something they may need.
Gracias por los subtitulos +1
Saved 😎 !
:)
Early worm gets the bird!
This channel is a G O L D mine.
I started the responsive web design course on fcc website months ago and hasn't finished it yet😂😂.
@DEDICATION TO READ ( GULLIBLE) I don't know if it's worth to learn all of it? Like there are so many prebuilt tools that can make website without coding. Is there any point?
@Beau - in the first 15 seconds the big font says Languae! lol
GOOD VIDEO!🎉
Great!
Thanks A Lot
THANK YOU 😌😌😌😌
thanks a lot
Will you teach CSS and JavaScript also in this course?
They have other 8~10 hour long videos for JavaScript on the channel. As far as CSS goes, it usually gets bundled in with HTML. Or they do CSS variants like SCSS(SASS).
no
Html is best way to begin frontend's courses
starting today
Do include a project
Hallo,
Ich habe eine Problem!
Also das dlib will nicht installiert werden auf pycharm obwohl ich das auf dem Rechner installiert habe mit cmd
Bitte helfe
Lg❤❤❤
Outstanding
Thanks
Teach angular please
Next : CSS crash course
Please make css and javascript that is required to make a website.
CSS: czcams.com/video/ieTHC78giGQ/video.html
JavaScript: czcams.com/video/PkZNo7MFNFg/video.html
23:20 now they don't know which one of them isn't the cute one!
Fantastic
They said html takes 2 weeks to learn the basics. It has been a month already and I'm barely grasping it. The input and label parts are taking the longest to remember.
"If you feel overwhelmed, that is normal. Programming is hard.
Practice is the key. Practice, practice, practice."
-FreeCodeCamp