HTML Tutorial - Website Crash Course for Beginners

Подписаться 10 млн

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

50% 1

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

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

20 июн 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@BeauCarnes 2 года назад

Good luck learning HTML! (or reviewing it 😀)

@bar.kar.5770 2 года назад

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 2 года назад

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

@zakyvids6566 2 года назад

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

@saitheja2344 2 года назад

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 2 года назад

@@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 2 года назад

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

@faatimabah 2 года назад

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

Update please 🥺

@Maxx23 2 года назад

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

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

Thank you so much for helping me open my site in the browser!!! Goodness, this is the best feeling ever. I feel super proud and am excited for the rest of my learning.

@PoppinCorn 2 года назад

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!

@nurulalom1725 2 года назад

Great video. Always fun to watch.

@marc5226 2 года назад

Literally searched for this this morning, tysm!

@mathewwiseman1819 2 года назад

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

😢

@aadityasingh2007 2 года назад

Thanks Beau Carnes for this course.

@nocopyrightgameplaystockvi231 2 года назад

Now its fun to learn from you! 😄

@abiharvey4984 2 года назад

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

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

Thanks! This course helped me remember basics of HTML!

@user-px5he9by4e 2 года назад

The best teacher in RU-vid for programming

@abhishalsharma1628 2 года назад

Stellar background sir🙃☘️🌿

@burgasdragonheirsilentgods 2 года назад

Nice Video man :) good work

@seyedrezarezaei4851 2 года назад

It's very good really. Thanks for your teaching

@mofetal9731 2 года назад

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

@julient6508 2 года назад

Amazing Job !

@xcx7557 2 года назад

Beau Carnes, thank you!

@shaimaebela2558 Год назад

ITS REALLY WORKED LOL THANK YOU DUDE

@sutorodw Год назад

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

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

This journey is going to be fun

@marginiszero 2 года назад

This is a nice course. well done

@TheOwl6 2 года назад

Thank You for this very useful :)

@justforyou5345 Год назад

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

@theghost149 2 года назад

Superb!!!!

@entries8649 2 года назад

Thank you so much!

@buildtechtips7190 2 года назад

Amazing video tutorial

@JAVAxNANI 2 года назад

THIS CHANNEL TEACHES YOU MORE THAN YOUR COLLEGE!

@ngalladiouck7924 2 года назад

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

@JAVAxNANI 2 года назад

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

@ngalladiouck7924 2 года назад

Yeah the good companies !!

@matthewerwine8333 2 года назад

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

@damiancanteros 2 года назад

Very clear!

@codingforfreecertification6840 2 года назад

Just to take test...ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-daGo_EChicw.html

@zaynabali5649 2 года назад

it was Amazing Thank you 😇

@wiktorthecoolguy-official Месяц назад

Actually you can use the element instead of the element.

@lyrabruno1 2 года назад

Thank you!!!

@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

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

Thanks for the nice simple explanation

@gustavojuantorena 2 года назад

Great!

@WilmerRamirezramirezwf 2 года назад

Thanks very helpful

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

Awesome tutorial

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

Freaking legend, thanks Beau! 8th Jan '24

@ovskihouse5278 2 года назад

I love this channel

@sergiomendoza6833 2 года назад

great exampled and interesting page created

@realyoutubekumar 2 года назад

It was easy to understand video. 🐱

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

Good video!

@justinbanza4751 Год назад

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

@swaroop2518 2 года назад

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

@chaitanyarajesh1815 2 года назад

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

@punkgrl325 2 года назад

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

@chaitanyarajesh1815 2 года назад

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

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

Thank you so much

@xcg1234 2 года назад

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

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

It's very amazing video 🤩

@user-hu3qv3zx1c Год назад

Outstanding

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

excelente explicacion

@federil0k0 16 дней назад

okay lets jump right into it then

@vpundir3024 2 года назад

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

@JAVAxNANI 2 года назад

nice :)

@marlboro9tibike 2 года назад

more than 7 is... 8?🤣

@malignant7652 2 года назад

Built* bro

@shubhamstark5022 2 года назад

Holy cow 🐮 Kid is doing great ❤️

@awekeningbro1207 2 года назад

when i was your age i only ate dirt

@mavenxplays9957 2 года назад

Love From Bangladesh ❤️🇧🇩🇧🇩

@margiasultana9866 2 года назад

Fantastic

@javedbdctg 2 года назад

Thanks A Lot

@ngalladiouck7924 2 года назад

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

@Am616r 2 года назад

THANK YOU 😌😌😌😌

@JarvisCodes 2 года назад

Predicting that this video will hit 1m views soon

@jgc5782 Год назад

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

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

GOOD VIDEO!🎉

@codenukes5701 2 года назад

Great

@kornelgeczi4589 2 года назад

I love HTML 😊

@f8kd Год назад

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

@ahmedal-majrafi9572 2 года назад

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)

@detectiveagentmichaelscarn4774 2 года назад

Early worm gets the bird!

@user-oq2zx1bm7l 6 месяцев назад

thanks a lot

@joeljededemekong5628 2 года назад

This channel is too good tbh

@trexgamer8383 2 года назад

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

@ranjithkrishna9550 2 года назад

Thanks

@ingady5295 2 года назад

Saved 😎 !

@charlieluz830 2 года назад

@elobservador7155 2 года назад

Gracias por los subtitulos +1

@alibinnaseer 2 года назад

Pretty Epik

@naufal007 2 года назад

Gasskeun

@myawaldorf6023 2 года назад

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

@binitagupta6668 2 года назад

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

@areaakhil7266 2 года назад

Odd one out - python

@valentinow3137 2 года назад

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

@binitagupta6668 2 года назад

@@valentinow3137 oh,thanks for the information

@SaulBadman 2 года назад

@@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 2 года назад

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

@susure8624 2 года назад

Super

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

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

@ritafrontend-qc7pu 10 месяцев назад

welldone

@BrickTamlandOfficial 2 года назад

finally something i know 1% of lol

@helloworld9018 2 года назад

Finally someone without accent, great

@gamil867 2 года назад

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

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

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

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

starting today

@MohsinAli-ov5ow 2 года назад

After HTML needs a CSS crash course.

@mhbiplob8890 2 года назад

great

@timothyhenrye7501 2 года назад

nice

@tarekmostafa8727 2 года назад

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 ?

@TheVirtualArena24 2 года назад

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 2 года назад

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

@nechetv6268 2 года назад

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 2 года назад

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

@tarekmostafa8727 2 года назад

@@nechetv6268 i would love collaborating

@pandawhomatter 2 года назад

codecademy has the best courses for html and css

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

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

@ZapRodil461 11 месяцев назад

This channel is a G O L D mine.

@TydinisGR 2 года назад

Please do a CSS3 crash course

@undernerd5409 2 года назад

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

@user-be8tc5kl6d 2 года назад

I love youu😘

@henrychristian4518 2 года назад

Next : CSS crash course

@talk2devid 2 года назад

Please consider building course on FreeCAD and LibreCAD. Thanks.

@freecodecamp 2 года назад

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

@rahilulislam553 2 года назад

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

@shiwanalishahen5075 2 года назад

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