No video

HTML & CSS Crash Course Tutorial #2 - HTML Basics

  Рет қаралды 323,248

Net Ninja

Net Ninja

Күн бұрын

Hey gang, in this HTML tutorial I'll show you the basics of HTML syntaxt and how to construct HTML tags & documents.
----------------------------------------
🐱‍💻 🐱‍💻 Course Links:
+ VS Code download - code.visualstu...
🐱‍💻 🐱‍💻 Other Related Courses:
+ Modern JavaScript Tutorial - www.thenetninj...

Пікірлер: 140
@kahanbhalani3607
@kahanbhalani3607 4 жыл бұрын
You are completely right about "understanding is important, and not remembering". I wish Indian Education system knew it. 🙂
@himanshujakhmola5194
@himanshujakhmola5194 4 жыл бұрын
😂Lol XD main kaise maan Lu😂
@Piston1776
@Piston1776 3 жыл бұрын
Same problem in the states
@xeroks646
@xeroks646 3 жыл бұрын
It's a world wide issue nobody cares about the value of learning it's all about memorize
@pizzaparkerhotdogmaguire3225
@pizzaparkerhotdogmaguire3225 3 жыл бұрын
Not only in India, it's everywhere. But yeah, I do agree that Indian Education is extremely tough.
@staleblooded8499
@staleblooded8499 2 жыл бұрын
no never underestimate india india has the best teaching so plz welll btw very good teaching th- the- the- the (*goes and checks channel name*) ya net ninja thanks
@jameslau5661
@jameslau5661 4 жыл бұрын
You're awesome! Anyone who's looking to learn HTML and CSS should watch these videos, I honestly feel like you've condensed about two classes worth of material into 11 short videos. Keep on making great content!
@abrahamlouisgarcia7770
@abrahamlouisgarcia7770 4 жыл бұрын
I've only watched 2 videos so far, but this is the most beginner-friendly video I've ever watch. Looking forward to Javascript :). Thanks for the Video!
@yjk22
@yjk22 5 жыл бұрын
@thenetninja, your channel really helped me to improve my web dev skills, I would request you to make a course on web components since there is no the channel on KZfaq which has a webcomponent tutorial, which is trending right now.
@ch4dix
@ch4dix 3 жыл бұрын
As of 2021, VS Code comes with the Emmet extension. If you want to wrap an existing code with tags instead of doing it his way just type this after highlighting the block of strings: ctrl/cmd + shift + p. Search for Wrap With Abbreviation then just type the tag you want to wrap the strings in. You can add a dot then a class name to automatically associate it with a class.
@SynnDancer
@SynnDancer 4 ай бұрын
Hi your vidoes have been so helpful so far im currently in a introduction to web page development in college and havent been doing soo good but im starting to feel alittle more confident as i watch your vidoes!
@onijimbo
@onijimbo 4 жыл бұрын
I'm prepping for a coding bootcamp and these videos are a HUGE help, thank you so much
@AbhishekPatel-my5jb
@AbhishekPatel-my5jb 9 ай бұрын
00:03 Explore different tags in HTML 02:22 Heading tags in HTML 04:42 HTML provides tags to create lists and divisions. 06:56 Div tags are used to group different sections in HTML 09:15 HTML tags like BR, HR, and IMG do not require closing tags. 11:28 Understanding relative paths and adding alt attribute to image tags 13:42 Creating links between different pages inside a website. 16:05 Learn how to cite another author or person in an HTML block and use the style attribute to customize the block's appearance. 17:55 Using comments to comment out sections of code or add instructions 19:46 Next video will cover HTML forms Crafted by Merlin AI.00:03 Explore different tags in HTML 02:22 Heading tags in HTML 04:42 HTML provides tags to create lists and divisions. 06:56 Div tags are used to group different sections in HTML 09:15 HTML tags like BR, HR, and IMG do not require closing tags. 11:28 Understanding relative paths and adding alt attribute to image tags 13:42 Creating links between different pages inside a website. 16:05 Learn how to cite another author or person in an HTML block and use the style attribute to customize the block's appearance. 17:55 Using comments to comment out sections of code or add instructions 19:46 Next video will cover HTML forms
@josephhuntley6104
@josephhuntley6104 2 жыл бұрын
been looking for this its fast past but not too fast past it about understanding applying and moving on not talking about h1,h2,h3,h4....ect for over 10 mins straight. thank you. I hope by the end of this i will have the basics and make a few ordinal projects then move onto js.
@Olalekan.Ekundayo
@Olalekan.Ekundayo 2 жыл бұрын
Nice one sir... The best beginner lecture, I have even come across on HTML... You gave a brief and precise information about tags and attributes... Keep up the good work... You now have +1 subscriber :)
@ukaszczapraga2721
@ukaszczapraga2721 2 жыл бұрын
I enjoy these explanations regarding HTML. I came here from lessons regarding React. First of all - great clarity. Everything is nice and smooth; Secondly - great explanation. To be honest - I had no idea regarding live server (could make my life 10x easier during studies); Thirdly - the material is well made - all switches, flow of the lesson - top. Keep it up, man! I will keep up with your lessons and soon (I hope) I will reach React lessons (from which I wanted to begin with).
@yinonb172
@yinonb172 3 жыл бұрын
Best HTML & CSS Tutorial, explanations are greats and brights.
@TheSoftwareServices
@TheSoftwareServices 3 жыл бұрын
5:40 Great Fact Shaun ! Love your teaching, God bless you and your family all time......
@dorothealeite1401
@dorothealeite1401 2 жыл бұрын
Awesome Teacher, have learn't so much in 2 hours, you are the best, thank youxx
@shahinnaseri7823
@shahinnaseri7823 6 ай бұрын
what a beautiful way of teaching I really appreciate the calm and gentle explanations and thank you so much ❤
@shahinnaseri7823
@shahinnaseri7823 6 ай бұрын
lets study so i can get away from daily problems the teahcer: we are all in the gutter but some of us are looking at the stars!
@NetNinja
@NetNinja 6 ай бұрын
You're very welcome! thanks for the kind words :)
@Mustafa-cv1pk
@Mustafa-cv1pk 4 жыл бұрын
great course to start with after a long break ))) thank you master
@ramen9674
@ramen9674 4 жыл бұрын
You are the best man! all videos on your channel are incredibly connected. cheers!
@pasankalansooriya3124
@pasankalansooriya3124 3 жыл бұрын
Explains stuff like nothing🔥 one of the best lecturers i have seen. Thank you for all the lessons you have uploaded for us. ❤️
@user-gy6li4cf7c
@user-gy6li4cf7c 3 жыл бұрын
You are my favourite teacher 😍🙆🏻‍♀️
@ndersb7311
@ndersb7311 Жыл бұрын
Very simple and detailed. Thank you
@NetNinja
@NetNinja Жыл бұрын
You're welcome!
@DevanRaditya13
@DevanRaditya13 Жыл бұрын
Hello, I'm from Indonesia, I'm happy to learn web development on your channel, even though my English knowledge is still basic, but your exposure to this course is really good.😊
@kajalkhirodkar6521
@kajalkhirodkar6521 4 жыл бұрын
Great course to start with to understand the basics...Thank you for developing such a wonderful course.
@emantsrifemantsal2834
@emantsrifemantsal2834 4 жыл бұрын
i accidentally pushed f12 and messed with youtube elements , suddenly the address bar showed youtube as :" not secure"; i was curious and finally have reached here i love your teaching method! i'll be sure to learn all of it and make a website thank you very much sensei
@chimbuzorjustin2212
@chimbuzorjustin2212 Жыл бұрын
thanks for this video, i have just one week to learn HTML and this video is really helping.
@coastal9577
@coastal9577 4 жыл бұрын
Very helpful content. A quality production. Thank you!!
@Mr_wolf162
@Mr_wolf162 3 ай бұрын
❤i am beginner i am so excited learn coding with your videos
@NetNinja
@NetNinja 3 ай бұрын
Awesome :) welcome aboard and have fun!!
@onepointech2329
@onepointech2329 3 жыл бұрын
So helpful. You're such a great teacher!
@cloud1973
@cloud1973 2 жыл бұрын
I tend to like making a little list of these tags and what they do by demonstrating them on my own webpage i'm making along with this, it helps.
@tronganhnguyenthanh1157
@tronganhnguyenthanh1157 8 ай бұрын
What do you mean by wrapping a div elements into ul and li tag ? You said that ul is a wrapper of li tag, so, what is the difference between this div and ul tag Hello Bonjour Ciao
@futurecyborg_
@futurecyborg_ Жыл бұрын
this was great! im going to be ahead of the pack when i start my class on HTML this Feb:))
@victoriamatthew1217
@victoriamatthew1217 4 жыл бұрын
The ninja is so cuteee, sensei Shaun!^^
@yonassamuel4082
@yonassamuel4082 4 жыл бұрын
Awesome work! Thanks for passing on this knowledge!
@AITech110
@AITech110 3 жыл бұрын
Thank you, Sir! Very best Teaching Method! Appreciate Your Work! From Pakitan.
@NetNinja
@NetNinja 3 жыл бұрын
Thank you so much!
@user-wf1si7vx8e
@user-wf1si7vx8e Жыл бұрын
You are a freaking star! Keep it up beast❤
@shaanvazarkar012
@shaanvazarkar012 4 жыл бұрын
I subscribed and also recommended this channel to my friends😇
@808rusl
@808rusl 4 жыл бұрын
Found out about this through Code Creative. I can see why he recommended this series!
@oliviayp
@oliviayp 3 жыл бұрын
Likewise!
@hussainbabonji4207
@hussainbabonji4207 Жыл бұрын
so far there is alot of infirmation i really want to thank you again
@NetNinja
@NetNinja Жыл бұрын
Thanks for watching Hussain :)
@hussainbabonji4207
@hussainbabonji4207 Жыл бұрын
@@NetNinjaNo thanks to you yesterday i've finished first two videos and im still going on see you next video
@elsyee3457
@elsyee3457 2 жыл бұрын
THIS IS SO COOL I'M GENUINELY LEARNING HOW TO CODE THANK YOUUUU
@GameSimphony
@GameSimphony 4 жыл бұрын
You can use (shift+1/aka shift + !) and then tab to get first structure for html in vsc.
@mostinho7
@mostinho7 Жыл бұрын
Done topics covered basic html tags
@alishertlessov5806
@alishertlessov5806 Жыл бұрын
The greatest!!!
@codebits2120
@codebits2120 2 жыл бұрын
This is what I am looking for🥺,thnx :)
@looweeez2952
@looweeez2952 2 жыл бұрын
Appreciate the videos!! Really making it easy for me to understand!!
@jessicaandres9549
@jessicaandres9549 4 жыл бұрын
Thanks, it's very nice.
@johnking9184
@johnking9184 5 жыл бұрын
Great course... I love the way you teach. Where is the rest of the series? I want to see.
@jeffxcc
@jeffxcc Жыл бұрын
Dam you are a gifted teacher!
@ArsArcanum
@ArsArcanum 4 жыл бұрын
Thanks for this hands on approach.
@Shakeel714
@Shakeel714 3 жыл бұрын
Thanks for the tutorial series
@sujalbajracharya6401
@sujalbajracharya6401 3 жыл бұрын
really great vid and easy to understand teaching style. i have just one question, when you select the text why is it red how to do it in my laptop. really appreciate if someone could tel me
@DojoDyo
@DojoDyo 9 ай бұрын
awesome tysm !
@NetNinja
@NetNinja 9 ай бұрын
No problem!!
@PussySlayeR17
@PussySlayeR17 5 жыл бұрын
I dont know why my image is not opening and showing in chrome..i have put the correct path from my properties folder...please help plus i am writing the code when i am offline.please help
@elliotizando
@elliotizando 4 жыл бұрын
Can you paste your code at paste.bin?
@sayantansarkar6164
@sayantansarkar6164 2 жыл бұрын
Cite is not shown on the browser, right? Then what is it useful for in blockquote?
@tyrone2089
@tyrone2089 Жыл бұрын
How do you add an image in because you just dragged it in and I don't know how to do that
@F.I_tv
@F.I_tv Ай бұрын
Tap on it hold it and drag it Just like that mate
@surajkumarbehara4781
@surajkumarbehara4781 Жыл бұрын
Hi there, It's more clear May I know how to type '
@fffhshf345
@fffhshf345 5 жыл бұрын
old HTML and css course nostalgia
@tyrrelldavis9919
@tyrrelldavis9919 5 жыл бұрын
Lmao same. I'm hoping he gets to really advanced stuff so there's a chance of him covering something I'm having trouble with. Viewport units and their inheritance act really weird. My PC is getting fixed rn or I'd make a codepen
@fffhshf345
@fffhshf345 5 жыл бұрын
@@tyrrelldavis9919 just checkout his responsive design series
@klodi2269
@klodi2269 3 жыл бұрын
Hello Net Ninja , I saw at 3:00 that you went straight to the end of the line without moving your mouse. Can you please tell me the shortcut you used for this. Thanks in advance. Happy new year
@Moonsoftgrouppage
@Moonsoftgrouppage 2 жыл бұрын
Press end button to go to the end of line.
@sholaolorode8203
@sholaolorode8203 Жыл бұрын
Wow 😍
@NeverCloud13
@NeverCloud13 4 жыл бұрын
How do you do the quick cursor movement to the end of a line instead of pressing right a bunch (or moving the mouse and clicking)?
@firstcomesrock8593
@firstcomesrock8593 4 жыл бұрын
i just hit end
@shadiismailalzouabi1035
@shadiismailalzouabi1035 3 жыл бұрын
Very interesting.
@wehelkaardayga5557
@wehelkaardayga5557 Жыл бұрын
Thnks
@glitchover9894
@glitchover9894 3 жыл бұрын
how can i show up the "Explorer" bar that is in the left in visual studio
@kriknosreme1
@kriknosreme1 10 ай бұрын
Domo Ariga thank you Goizaimasu
@aminmouhamed2502
@aminmouhamed2502 3 жыл бұрын
the best ninja
@reemaz803
@reemaz803 4 жыл бұрын
very helpfull thanks
@andyfletcher886
@andyfletcher886 Жыл бұрын
All going good until I try adding a photo, all looks good and the line goes blue, but no photo appears on the page. 😢 what am I doing wrong? 13:26 13:26
@Eltaurus
@Eltaurus 2 жыл бұрын
There is a small typo in the description. "syntaxt" instead of "syntax".
@tyrrelldavis9919
@tyrrelldavis9919 5 жыл бұрын
Been doing html css for 2 years just been having problems with things like viewport unit inheritance, body overflow is a big problem, fitting very large modules together in big layouts , some of the harder points when it comes to animations and transitions, that's what I struggle with now, but most of the basic stuff, even most basic layouts, am already good on. A layout thrashing and tips and tricks video would be cool for people who already know all the basics Have just been having trouble with viewport units and html,body height, but have been reading up on it. Weird, even 2 years in I still have trouble with things. Mostly larger layouts, Getting more advanced flexbox stuff perfect , etc etc
@yjunjung
@yjunjung 5 жыл бұрын
I have the same problem with you especially units such as rem, %, px...still confused which one to use in what cases. Mostly end up using the rem though.
@bishalsenhdri7655
@bishalsenhdri7655 5 жыл бұрын
@Yong Jun Jung, They are just relative units, not like fixed unit px! "rem and em" are very easy to understand. rem is always connected to root/html element. If your html body has 16px(default) font size, and you specify a paragraph of font size 2rem. It will be 16 * 2 = 32px. It doesn't matter if your paragraph is a child of another element which has font size of 20px. It will always render the font size from the Root Element. And em is just the opposite, it will always try to compare to its parent element! If your paragraph is inside a div which has font size of 20px, and if you give paragraph 2em, then 2em is 40px here. But if you do 2rem, it will be 32px(draws from root/html element which has default 16px). And finally if you don't give any specific font size to Parent element, and if you do em, it will render from root element. At this point em & rem both are same! Hope this helps you! 👦
@keyos27
@keyos27 5 жыл бұрын
@@bishalsenhdri7655 Thanks! It did help me.
@77baz
@77baz 4 жыл бұрын
i cant seem to create a relative link for an image when i drag one in, whats the issue here?
@tayoijose2208
@tayoijose2208 3 жыл бұрын
you re the best
@iBeautyiStyle
@iBeautyiStyle 4 жыл бұрын
do you have a course package you sell? and a donation link?
@elliotizando
@elliotizando 4 жыл бұрын
www.thenetninja.co.uk
@toddalligood3720
@toddalligood3720 2 жыл бұрын
Thanks again!
@mluckykevin
@mluckykevin 4 ай бұрын
THIS IS NICE BUT SOMETIMES IT IS DIFFICULT TO UNDERSTAND
@ucantseeme3721
@ucantseeme3721 4 жыл бұрын
the best teacher really you help me thank you so much love your videos❤
@kararshah6056
@kararshah6056 Жыл бұрын
what extension do you use for vscode?
@SwaitzerJoses
@SwaitzerJoses 4 жыл бұрын
Thank you bro!
@omerfi
@omerfi 2 жыл бұрын
you did a typo in the description. - syntaxt + syntax
@blockchainstory
@blockchainstory 2 жыл бұрын
appreciate the video
@alicoder9872
@alicoder9872 3 жыл бұрын
Thank you
@casey4664
@casey4664 Жыл бұрын
what's up my ninja
@shazaalbeik1373
@shazaalbeik1373 4 жыл бұрын
Thank you so much :)
@mohanachaitanya2554
@mohanachaitanya2554 3 жыл бұрын
What is the Theme name that u used?
@Lbmaniak
@Lbmaniak 5 жыл бұрын
Thanks!
@nadeer77_
@nadeer77_ 2 жыл бұрын
@abdarhmanabuhejleh6548
@abdarhmanabuhejleh6548 10 ай бұрын
Big love from Palestine ♥
@abdulazeezolanrewaju843
@abdulazeezolanrewaju843 5 жыл бұрын
And please Shaun, tutorial on angular 8. Please!!!
@itsdanoobtube1711
@itsdanoobtube1711 Жыл бұрын
For some reason the style thing does not work.
@user-mj2os2gu9e
@user-mj2os2gu9e 3 жыл бұрын
i kinda fell in luv with u
@maxlyrics6843
@maxlyrics6843 2 жыл бұрын
why my png img look so big all over the screen
@thstudio007
@thstudio007 4 жыл бұрын
💗
@talentsystem3105
@talentsystem3105 2 жыл бұрын
Demo ??
@sreeramp6688
@sreeramp6688 4 жыл бұрын
Where are the course files?
@NetNinja
@NetNinja 4 жыл бұрын
Hey - it's just the final project files - github.com/iamshaunjp/html-and-css-crash-course
@RainyFee
@RainyFee 3 жыл бұрын
My website is just memes, funny quotes and a cursed cat picture.
@blue_name_warrior
@blue_name_warrior 4 жыл бұрын
読音が日本人:stronグ headinグwww
@abdifatahkhalif431
@abdifatahkhalif431 4 жыл бұрын
Hey Shaun, This is to let you know that all your audience are not gangs. :-)
@NetNinja
@NetNinja 4 жыл бұрын
You're in the Ninja Gang :D
@kveeeek695
@kveeeek695 2 жыл бұрын
Going way too fast
@fixthepolice6917
@fixthepolice6917 5 жыл бұрын
why you doing this basic video , you should more advanced video such as Vue
@NetNinja
@NetNinja 5 жыл бұрын
I want to keep the channel beginner friendly and give new developers an entry point. I like to do a mix of things :)
@andyfletcher886
@andyfletcher886 Жыл бұрын
All going good until I try adding a photo, all looks good and the line goes blue, but no photo appears on the page. 😢 what am I doing wrong? 13:26 13:26
@andyfletcher886
@andyfletcher886 Жыл бұрын
All going good until I try adding a photo, all looks good and the line goes blue, but no photo appears on the page. 😢 what am I doing wrong? 13:26 13:26
HTML & CSS Crash Course Tutorial #3 - HTML Forms
31:55
Net Ninja
Рет қаралды 323 М.
Jumping off balcony pulls her tooth! 🫣🦷
01:00
Justin Flom
Рет қаралды 33 МЛН
Это реально работает?!
00:33
БРУНО
Рет қаралды 4,3 МЛН
Code faster with these VS Code shortcuts
8:44
Coder Coder
Рет қаралды 342 М.
HTML & CSS Crash Course Tutorial #4 - CSS Basics
42:38
Net Ninja
Рет қаралды 310 М.
When the student becomes the master
5:40
Daniel Thrasher
Рет қаралды 13 МЛН
Learn CSS in 1 hour 🎨
1:00:00
Bro Code
Рет қаралды 1,1 МЛН
HTML & CSS Crash Course Tutorial #1 - Introduction
20:00
Net Ninja
Рет қаралды 869 М.
CSS Anchor Is The Best New CSS Feature Since Flexbox
15:39
Web Dev Simplified
Рет қаралды 365 М.
Fastest way to become a Web Developer
9:47
Sahil & Sarra
Рет қаралды 621 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 937 М.
So, you want to build apps & websites?
9:34
Sajid
Рет қаралды 92 М.
Jumping off balcony pulls her tooth! 🫣🦷
01:00
Justin Flom
Рет қаралды 33 МЛН