HTML Tutorial - Website Crash Course for Beginners

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

[@BeauCarnes]

Good luck learning HTML! (or reviewing it 😀)

[@bar.kar.5770]

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

[@akashbhullar]

You probably pinned your own comment, didn't you haha!

[@zakyvids6566]

Hello Beau nice tutorial but I was wondering is there anyway to host the website for free

[@saitheja2344]

Thanks a lot man, it's been a long due to learn HTML. Would love too see you teach CSS and JS. Good day :)

[@FransGamingLow]

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

[@josephsuste1394]

Beau Carnes is an amazing teacher. Now I'm ready for his Javascript course! Well done, Beau.

[@Maxx23]

Thanks for all the hard work you guys put into your vids!

[@faatimabah]

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.

[@jay85]

Update please 🥺

[@PoppinCorn]

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!

[@marc5226]

Literally searched for this this morning, tysm!

[@nurulalom1725]

Great video. Always fun to watch.

[@mathewwiseman1819]

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!

[@MusLong-tb5ke]

😢

[@abiharvey4984]

This was so helpful and the pace was perfect for me - thank you so much!!

[@user-px5he9by4e]

The best teacher in KZbin for programming

[@aadityasingh2007]

Thanks Beau Carnes for this course.

[@nocopyrightgameplaystockvi231]

Now its fun to learn from you! 😄

[@vpundir3024]

Well I am of 12 learning from my dad’s account and builded more than 7 responsive websites

[@JAVAxNANI]

nice :)

[@marlboro9tibike]

more than 7 is... 8?🤣

[@malignant7652]

Built* bro

[@shubhamstark5022]

Holy cow 🐮 Kid is doing great ❤️

[@awekeningbro1207]

when i was your age i only ate dirt

[@MrVirusDi]

Thanks! This course helped me remember basics of HTML!

[@mofetal9731]

Llegue aquí por una recomendación de una chica de KZbin. Gracias, he aprendido muchísimo y apenas llevo 22 minutos. Saludos desde México.

[@matthewerwine8333]

never even used HTML yet I felt like a pro (yes, far from it but this tutorial was amazing!)

[@abhishalsharma1628]

Stellar background sir🙃☘️🌿

[@seyedrezarezaei4851]

It's very good really. Thanks for your teaching

[@xcx7557]

Beau Carnes, thank you!

[@sutorodw]

Thank you! The steps are really easy to follow for a beginner like me! 😀

[@burgasdragonheirsilentgods]

Nice Video man :) good work

[@TheOwl6]

Thank You for this very useful :)

[@julient6508]

Amazing Job !

[@marginiszero]

This is a nice course. well done

[@JAVAxNANI]

THIS CHANNEL TEACHES YOU MORE THAN YOUR COLLEGE!

[@ngalladiouck7924]

Look like colleges this days just go over this things and hope you gonna lezrn it yiurself...

[@JAVAxNANI]

@@ngalladiouck7924may be, I will, Coz companies don't care about your certificates THEY WILL QUESTION YOUR SKILLS TOWARDS A SPECIFIC LANGUAGE.

[@ngalladiouck7924]

Yeah the good companies !!

[@shaimaebela2558]

ITS REALLY WORKED LOL THANK YOU DUDE

[@OnlyCitrus]

This journey is going to be fun

[@irimiaionut3618]

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

[@wiktorthecoolguy-official]

Actually you can use the element instead of the element.

[@justforyou5345]

Nice. Thanks a lot actually. It worked, you expl

[@binitagupta6668]

Me after programming "hello world " I think I can learn AI ,robotics,python,quantum computing

[@areaakhil7266]

Odd one out - python

[@valentinow3137]

If you learn python, you already have a good basis for AI, since python is very good in that area

[@binitagupta6668]

@@valentinow3137 oh,thanks for the information

[@SaulBadman]

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

[@mourad505]

@@SaulBadman what languages are better for AI, if you don't mind my asking?

[@zaynabali5649]

it was Amazing Thank you 😇

[@sukanyasenthilnathan7737]

Thanks for the nice simple explanation

[@entries8649]

Thank you so much!

[@swaroop2518]

I want more courses like these which focuses on REVISION because it is tough to revise from bigger videos.

[@chaitanyarajesh1815]

Do you really need to revise HTML? How much time have you been coding for?

[@punkgrl325]

@@chaitanyarajesh1815 I've noticed that the HTML5 ARIA/Accessiblity standard is definitely something that seems to be undertaught in online tutorials.

[@chaitanyarajesh1815]

@@punkgrl325 But we do not need to learn basic html tags all the time, we better learn css

[@Janak217]

Freaking legend, thanks Beau! 8th Jan '24

[@justinbanza4751]

Very good video Thank you for being straightforward and for simplifying things 🙂

[@xcg1234]

Noice, early in the morning with 45 mins refresher video to me while eating breakfast..

[@lyrabruno1]

Thank you!!!

[@damiancanteros]

Very clear!

[@codingforfreecertification6840]

Just to take test...kzbin.info/www/bejne/mpKqoJJ7eM2cmdk

[@theghost149]

Superb!!!!

[@realyoutubekumar]

It was easy to understand video. 🐱

[@buildtechtips7190]

Amazing video tutorial

[@f8kd]

The basics for anyone. Definitely putting tNice tutorials in my notes.

[@WilmerRamirezramirezwf]

Thanks very helpful

[@mavenxplays9957]

Love From Bangladesh ❤️🇧🇩🇧🇩

[@osoriomatucurane9511]

Awesome tutorial

[@ovskihouse5278]

I love this channel

[@harshitkasera7868]

It's very amazing video 🤩

[@sergiomendoza6833]

great exampled and interesting page created

[@ahmedal-majrafi9572]

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)

[@gustavojuantorena]

Great!

[@Zerfi822]

Thank you so much

[@trexgamer8383]

This video is more wonder for those whos have knowledge of English... We are from Bangladesh. 🇧🇩🇧🇩🇧🇩 but still want to know html

[@joeljededemekong5628]

This channel is too good tbh

[@sergiomo9977]

excelente explicacion

[@kornelgeczi4589]

I love HTML 😊

[@ngalladiouck7924]

Me currently working with Nuxt. But I'm gonna follow this course. It's good to come back and refresh the mind

[@elobservador7155]

Gracias por los subtitulos +1

[@javedbdctg]

Thanks A Lot

[@YannMetalhead]

Good video!

[@Am616r]

THANK YOU 😌😌😌😌

[@jgc5782]

OMG Where have you been..this is the best video..THANK YOU ...THANK YOU

[@detectiveagentmichaelscarn4774]

Early worm gets the bird!

[@ingady5295]

Saved 😎 !

[@charlieluz830]

:)

[@user-hu3qv3zx1c]

Outstanding

[@JarvisCodes]

Predicting that this video will hit 1m views soon

[@user-oq2zx1bm7l]

thanks a lot

[@kosratamini5045]

Coming As Adobe Programs User To This! My Mind 🤯🙃

[@BrickTamlandOfficial]

finally something i know 1% of lol

[@myawaldorf6023]

Legends know this is actually the html course from the 300 one on their website

[@carsonjamesiv2512]

GOOD VIDEO!🎉

[@codenukes5701]

Great

[@margiasultana9866]

Fantastic

[@ZapRodil461]

This channel is a G O L D mine.

[@__________________________6910]

Thanks

[@pandawhomatter]

codecademy has the best courses for html and css

[@tarekmostafa8727]

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 ?

[@codelasagna875]

What are the useful extensions in VS code to learn front-end Web Development?

[@TheVirtualArena24]

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.

[@dhaval0]

practice makes man perfect 🤗 until you don't code and watching tutorials is useless

[@nechetv6268]

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

[@TheVirtualArena24]

@@nechetv6268 yes bro pleaseee I want to. Want to learn practically. Plzz teach your experience.

[@tarekmostafa8727]

@@nechetv6268 i would love collaborating

[@undernerd5409]

Can you please make an how to make an auto catcher for poketwo? I wanna know how

[@alisalari2359]

nice bro. what is your theme? i like it.

[@helloworld9018]

Finally someone without accent, great

[@gamil867]

That's why knowledge must be shared. Otherwise your pair will never learn something they may need.

[@QuietGamingHub]

starting today

[@alibinnaseer]

Pretty Epik

[@rockstar__gamer]

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 ❤

[@MohsinAli-ov5ow]

After HTML needs a CSS crash course.

[@ritafrontend-qc7pu]

welldone

[@henrychristian4518]

Next : CSS crash course

[@mhbiplob8890]

great

[@TydinisGR]

Please do a CSS3 crash course

[@susure8624]

Super

[@alibinnaseer]

Please correct your timestamps, thank you

[@freecodecamp]

Thanks for the heads up. They should be fixed now.

[@shiwanalishahen5075]

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

[@rahilulislam553]

8:01 How can I reposition my windows like that side-by-side?

[@arczironator444]

23:20 now they don't know which one of them isn't the cute one!

[@talk2devid]

Please consider building course on FreeCAD and LibreCAD. Thanks.

[@freecodecamp]

We'll look into this. Thanks for the suggestion.

[@ironrose888]

I need the review and to learn VSCode.

[@Mcoder2023]

Html is best way to begin frontend's courses

[@naufal007]

Gasskeun