Тёмный

2: Let's Create Our First HTML Project | Learn HTML and CSS | Learn HTML & CSS Full Course 

Dani Krossing
Подписаться 468 тыс.
Просмотров 458 тыс.
50% 1

FIND MY 2023 COURSE HERE: • 1 | INTRODUCTION TO HT...
Let's create our first HTML project and document - Learn HTML and CSS. In this HTML tutorial, we will be getting started with HTML, and create an HTML document which will end up becoming our front page. The front page will be set up using HTML5, and will be the file we use in this course for most of our lessons.
Link to Atom: atom.io/
UTF-8: www.w3schools.com/charsets/re...
➤ GET ACCESS TO MY LESSON MATERIAL HERE!
First of all, thank you for all the support you have given me!
I am really glad to have such an awesome community on my channel. It motivates me to continue creating and uploading content! So thank you!
I am now using Patreon to share improved and updated lesson material, and for a small fee you can access all the material. I have worked hard, and done my best to help you understand what I teach.
I hope you will find it helpful :)
Material for this lesson: / lesson-material-42361704

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

 

26 июн 2017

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 255   
@Dani_Krossing
@Dani_Krossing Год назад
NEW UPDATED 2023 COURSE AVAILABLE! 🙂 You can find it here: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-v8jDnBYc0bs.html&ab_channel=DaniKrossing
@laracroft5648
@laracroft5648 6 лет назад
Pls never give up you are the best
@sebastianeotxoa6956
@sebastianeotxoa6956 2 года назад
still the best in 2021! Thank you for the time and help
@PhD_Scholar
@PhD_Scholar Год назад
This dude, didn't fiddle daddle w/a bunch of unnecessary talking or what not, went from A to Z & didn't skip a beat. Glad he is using Atom, helps me sharpen my rusty skills.
@ipodasdf
@ipodasdf 2 года назад
That fact that you changed text editors shows how much you love teaching and respect your viewers. Thank you so much
@adolfchukwumaijem3341
@adolfchukwumaijem3341 2 года назад
My dear Dani Krossing, you are a great teacher! All my life, I've never met anyone that could teach like you. I was having difficult times learning web development until I subconsciously came into your channel. You've simplified coding for me. I no more see coding as rocket science. Courtesy of the great teacher, Dani Krossing! Thank you so much. I am grateful! From Anambra State, Nigeria, I am Chukwumaijem Okoro.
@ryanpalesano
@ryanpalesano 2 года назад
Hands down the best beginner video for anyone who is trying to code. There are hundreds out there and this guy kills it. Good Job.
@Julehunden
@Julehunden 3 года назад
I learned so much in just 10 mins!! omfg.... you're really good at explaining !!!
@alyxai6095
@alyxai6095 4 года назад
This is the most detailed tutorial I've ever seen. You are literally a life saver. Why spend money when I can watch you explain like a genius for free? :)
@sdsolves4878
@sdsolves4878 3 года назад
true
@kire3ed538
@kire3ed538 5 лет назад
So easy to follow along, ceep on. Great work
@gaston.
@gaston. 4 года назад
excellent teacher and tutorials..clear, clean, loaded with information, thank you!
@ashtongrayson7087
@ashtongrayson7087 4 года назад
Thank you for the great video. I'm new to Atom and to the coding world. Watched a few videos and they were so confusing. Your video was clear with a great speed. Keep up the good work
@abhishekshah11
@abhishekshah11 5 лет назад
Thank you so much for this rightly paced and great tutorial. Keep up the good work
@edoardopitaccio427
@edoardopitaccio427 2 года назад
I am so glad I found this youtube channel, you deserve more subs!!I can't wait to learn more and more. As a complete beginner on programming this is extremely useful
@tarmandercreations3681
@tarmandercreations3681 2 года назад
I’ve been browsing RU-vid trying to get started using atom, and this helped me so much. This video is extremely helpful!
@alexjordan1145
@alexjordan1145 2 года назад
Same! Extremely helpful. It's teaching me the principles of coding, instead of just telling me what to do. I loved the last bit where you show in the site what each tag affected.
@ehutton6880
@ehutton6880 5 лет назад
Great tutorial ! alot of people are tech savy but dont have the skills of teaching ,you my friend have both!
@szigmat
@szigmat 5 лет назад
the *+tab is genius. thanks for the tip!
@chatttownsaint
@chatttownsaint 5 лет назад
Thank you for making all this content!
@johnmercado9649
@johnmercado9649 3 года назад
your videos are actually really helpful. thank you for them!!
@Ac_witz
@Ac_witz 2 года назад
Just found this series - so great thank you Dani!
@heokyushin7206
@heokyushin7206 6 лет назад
Quick Tip: if you use mac, press cmd and + to increase font size so you can see letters easier
@lilliesan
@lilliesan 2 года назад
Very briief, clear and straight- forward, am so glad i found your channel, thank you very much
@phethomberg9669
@phethomberg9669 6 лет назад
you are the best man , keep up the good work
@MisterPeruz
@MisterPeruz 5 лет назад
The amount of knowledge that you offer here is amazing, and it's completely for free. It's damn amazing.
@icreator_websites
@icreator_websites 3 года назад
Really informative and was helpful a lot. Thanks for your all effort to help other to progress on coding!!!!
@devarshbhatt5612
@devarshbhatt5612 5 лет назад
50th comment and best tutorial for the HTML and CSS Keep up the good work
@exuralaxis2705
@exuralaxis2705 5 лет назад
Thank you very much! I love you!
@anthony6841
@anthony6841 4 года назад
THANK YOU SO MUCH!!! I WAS NEVER ABLE TO RUN THE CODE UNTIL NOW!!
@leonardogioia6444
@leonardogioia6444 4 года назад
Your English Is perfect, even if I'm Italian, I have understood everything you talk about. This video is perfect. All that I need is here.
@cassmirrai2527
@cassmirrai2527 4 года назад
you are right.It's so fine.
@RahulDas-qx4ei
@RahulDas-qx4ei 4 года назад
Are you okay now?
@PriyankaMishra-hk2vs
@PriyankaMishra-hk2vs 3 года назад
Thank you so much. Understood very clearly
@ebrahimhamedi3953
@ebrahimhamedi3953 4 года назад
I love it.its free and the best editor.
@destinys6591
@destinys6591 Год назад
I wish I would've watched this before learning html. still so glad i found it now. Thanks!
@Tracks777
@Tracks777 6 лет назад
Awesome video
@malmossa
@malmossa 5 лет назад
Very simple and easy, just wonderful . . On million thanks
@ixlovexemos
@ixlovexemos 3 года назад
this has been so helpful, thank you!
@adilsonschumacker7084
@adilsonschumacker7084 5 лет назад
Thanks for sharing!
@akritigupta6729
@akritigupta6729 3 года назад
Very helpful.You are great!!Doing a great job for computer enthusiasts like me.
@hiredshinobe7713
@hiredshinobe7713 3 года назад
Thank you, I like Atom but I have decided to use VS code and it works well for me. It was a little complicated to start with but I’ve been learning for a few months now and I’m used to it. Also, it has some cool extensions on it.
@norivincentaposaga8537
@norivincentaposaga8537 6 лет назад
Crash course-ing over HTML and CSS again before I head over to javascript and php. If by chance you sell some online merch, like shirts and mugs. I'd be happy to buy one. Haha!
@nickf872
@nickf872 2 года назад
You are incredibly helpful. Thank you.
@theironflash-guy3672
@theironflash-guy3672 3 года назад
Dude thanks this is rad! This is what I was supposed to do in school!
@laurencerawlins8663
@laurencerawlins8663 2 года назад
You explain things very well! In a way that it really sinks in.
@yogeshwarkalani8946
@yogeshwarkalani8946 Год назад
Your delivery mechanism is superb! Your accent is very much comprehensive. You're doing a good job!
@erikajosa21
@erikajosa21 2 года назад
That was so well explain ! Thanks a million I will get there slowly :)
@tomd7218
@tomd7218 6 лет назад
Your videos are great bro. Not to nitpick but I just wanted to point out a couple of things to help improve future videos: The opening and closing tags collectively are called "Elements." Throughout the entire video, you refer to these elements as "tags" such as the "body tag" or the "title tag." The opening tag and closing tag within each Element are called tags but when you refer to the entire Element (opening and closing tags together) then it is an Element. ""(opening tag), ""(closing tag), " "(HTML element). Also, the "greater than/less than" symbols () that you keep referring to are not called greater than/less than symbols. In coding, these are open and closing angle brackets. HTML ELEMENT = OPEN BRACKET:HTML TAG:CLOSING BRACKET - "CONTENT" - OPEN BRACKET:SLASH FORWARD:HTML TAG:CLOSING BRACKET. Keep up the good work friend. You have great beginner tutorials. Just make sure you instill best practices early on for your viewers. No sense in creating bad habits early on that will be tough to break later.
@endoyt6027
@endoyt6027 4 года назад
Actually the opening and closing tags collectively can still be called tags.
@Esra-mm6yk
@Esra-mm6yk 5 лет назад
Thanks for the videos.
@stepbystepscience
@stepbystepscience 6 лет назад
Great explanations, thanks!
@Blaqity
@Blaqity 3 года назад
Wow thank you. I did my first file with with you.
@MrTsamish
@MrTsamish 5 лет назад
best instructor I have Seeen So far!!
@neil5137
@neil5137 6 лет назад
THE BEST!!!
@ThaiRoosters2019
@ThaiRoosters2019 3 года назад
Thanks a lot Dani.
@jennym3014
@jennym3014 4 года назад
I was a bit lost on how to get Atom started. Thank you for the explanation.
@annieesther691
@annieesther691 3 года назад
wish I was great as Dani.... huhuhu thank you for free tutorials...
@dinesh.p8642
@dinesh.p8642 4 года назад
Thank you somuch .u saved my day.
@eshawmohammad102
@eshawmohammad102 5 лет назад
great help to me b/c im a 11th grader who needs to learn b/c my teacher is doing a 20% project where you dedicate 20% of your school time to learn something new and it has been a dream for me to learn code and I found HTML very easy so thank u so much I know this video is like a year or 2 old but I just wanted to show my appreciation man this helped me so much
@saveUyghurs
@saveUyghurs 5 лет назад
Such clear explanations, such a great teacher! THANK YOU.
@gregagregy
@gregagregy 4 года назад
Thank you man! You don't even know what value you are providing to the world.
@jandom9008
@jandom9008 5 лет назад
Bro you have solved a problem no instructor could solve for me. Thanks
@reigngarcia8407
@reigngarcia8407 3 года назад
thankss. been looking fr index.html
@brianryan3515
@brianryan3515 5 лет назад
Good video... Very helpful.
@phethomberg9669
@phethomberg9669 6 лет назад
thank you so much man
@munawariqbal5925
@munawariqbal5925 3 года назад
God bless you!!!!
@GuidetteExpert
@GuidetteExpert 3 года назад
Awesome teacher!
@haa2663
@haa2663 2 года назад
Thank you!
@ronitdahiya7523
@ronitdahiya7523 3 года назад
Thankyou brother everytime you solved my problem Luv u 😘
@bachana1231
@bachana1231 6 лет назад
thank you a lot bro :)
@SkepticalBill
@SkepticalBill 3 года назад
Thank you very much!
@nadirmohammed4570
@nadirmohammed4570 4 года назад
thanks for the content bro
@mohamadshmoury1850
@mohamadshmoury1850 5 лет назад
So helpful... :)
@zuleymamayorgacastillo1477
@zuleymamayorgacastillo1477 3 года назад
Thank you..
@naimmomin5811
@naimmomin5811 5 лет назад
love this guy.
@RH-hv4ir
@RH-hv4ir 3 года назад
that was so helpful ty
@willpatch4234
@willpatch4234 2 года назад
great video!
@valentinazanon5982
@valentinazanon5982 5 лет назад
Very easy, very clear, very good
@camilleigharas9951
@camilleigharas9951 5 лет назад
this is the best html and css tutorial
@shroukeladawy4310
@shroukeladawy4310 2 года назад
Thank you so much
@chauhoanglong348
@chauhoanglong348 5 лет назад
What a nice video
@mohamedabomostafa6929
@mohamedabomostafa6929 4 года назад
thank you
@backyardstuff5254
@backyardstuff5254 3 года назад
Thx...
@ridoysheikh1087
@ridoysheikh1087 4 года назад
very nice bro,many many thanks for this video,i hobe any time help me you but i don't know do you
@pushpasahu8162
@pushpasahu8162 4 года назад
Very good explanation
@technovida1
@technovida1 3 года назад
This is good
@stephenprice3357
@stephenprice3357 7 месяцев назад
This is the first CCS HTML project tutorial that explained the importance of naming the file index.html
@golftownpro999
@golftownpro999 6 лет назад
I'm doing codeacademy and this filling in a lot gaps for me and giving some great context. Thanks!
@trentonburnes8839
@trentonburnes8839 3 года назад
Same here.
@moseleenone7252
@moseleenone7252 3 года назад
thanks! Can i ask if notepad++ also provide the same shortcut? E.g. Body + Tab
@prathamsaini4190
@prathamsaini4190 2 года назад
Damn I'm gonna binge this series 🔥🔥
@alexbianchi9347
@alexbianchi9347 2 года назад
OMG! YOU'RE THE F*@KING BEST !!
@Alex-zq5hg
@Alex-zq5hg 4 года назад
when you are doing "" !DOCTYPE must ALWAYS be in CAPS. I think it doesn't matter if the "HTML" is in caps or not.
@WaffleDog-ep3cf
@WaffleDog-ep3cf 3 года назад
Hi everyone, does anyone know what package I could install on atom for the help or suggestion stuff to stay longer, because I'm looking at it but then it dissapears instantly, please help me, I'm just a 12 year old boy trying to code properly and Dani, thanks for everything you have taught us
@georgeokelola3188
@georgeokelola3188 3 года назад
What are the numbers on the code editor for ?, do they identify lines, if yes, is the line related to the line on a webpage
@trentonburnes8839
@trentonburnes8839 3 года назад
I was wondering your opinion on a browser text editor called Stackblitz. I have used it and it works great and supports many languages, but is it as good as the ones you use.
@nehasai6762
@nehasai6762 3 года назад
Hey,dani.When I opened the file in browser ,it's displaying the all the lines of project.Can u help me with this?
@777rrobles
@777rrobles 4 года назад
Gracias
@ugurspage2623
@ugurspage2623 3 года назад
The text did not appear on my browser when I click and the logo seems 'Opera's logo (which is one of the browsers that I use) and when I right click 'index.html' I select Google Chrome but there is no 'Hello World!' unfortunately. Why would you think I have this issue?
@tassobytes8446
@tassobytes8446 4 года назад
Your monitor screen is so sattisfying
@boranmetin2136
@boranmetin2136 3 года назад
does anyone else have the problem of when you open it with chrome the stuff you wrote doesnt pop up like the title exe
@slaminjaminotter7286
@slaminjaminotter7286 6 лет назад
His desktop background is the Klyck nebula in case anyone is wondering. I couldn't find one without a mark on it :( but it's still a nice background
@YahSci-Spi2024
@YahSci-Spi2024 3 года назад
Please I'm using an android tablet. Which text editor can I use?
@ChristinaAllenKnowsYourAStar
@ChristinaAllenKnowsYourAStar 4 года назад
So you mention having an index.html to have the code for the front page. But would whatever is put in the index.html effect all pages within the website or just the front page? Would someone have those "extra" .php files if they wanted those pages to be different from other sections of the site? How it's been explained to me is that you would have front-page.php if you wanted a different theme on the front page then the rest of the website.
@missguided9304
@missguided9304 5 лет назад
When I select the variable and hit tab it doesn't auto populate. the begin and end attribute. Can someone answer? I'm on a Mac.
@kingoflions2580
@kingoflions2580 5 лет назад
MMTUTS, Followed the directions. However, "Hello World" did not appear. Any idea what is missing? Thanks
Далее
The Future of Game Development
8:58
Просмотров 608 тыс.
Learn CSS Animations In 20 Minutes - For Beginners
21:22
Learn HTML in 1 hour 🌎
1:00:00
Просмотров 1,7 млн