Thanks for all of the support!! Continuing the Web Development 2019 Series. Here's the Beginners Guide to HTML. Check out my Beginners Guide to CSS next: th-cam.com/video/Tfjd5yzCaxk/w-d-xo.html Timestamps: (Clickable) 00:05 - Preface 00:47 - Code Editors 01:12 - What is HTML? 01:53 - Basic Template / Tags Explained 05:43 - Inline vs Block Level Elements 06:05 - Headings 07:22 - Paragraphs 08:45 - Inline text formatting 10:16 - Division and Span Tags 11:55 - Horizontal Rules 12:05 - Attributes 13:20 - Images 14:22 - Anchor Tags 17:01 - Lists 18:28 - Tables 22:36 - Forms 29:57 - Buttons 30:13 - General Guidelines 31:37 - Commenting 34:02 - Styles 36:13 - Outro 📚 My Favorite Web Design Books 📚 Web Design with HTML, CSS, JavaScript and jQuery Set by Jon Duckett (paid link) amzn.to/2JaiCL8
Just completed start to finish, in under 40 minutes, do to stopping and having to go back for a few things. this was by far the most concise and clearly explained video I have come across yet. Signed up at your Patreon as well. Working on the beginners CSS class soon. Thanks for this man!
Very well done, no unnecessary talking, straight to the point! Love it. Gave me a great overview as I am not in web development but at least have to get the Gist of it
This a much better progression in teaching html than anything I've seen yet, including W3 schools, UDEMY, and even my college courses. I'm definitely in as a subscriber. Keep making these great teaching videos.
I watched this three times and each time i learned what does what and most importantly, the third time at the end when you did the background black and font white. I actually understood that and now i can even do it myself
Very well done! I was trying to learn code with some website and man was it tedious having me copy and paste stuff around. But, this video was so helpful, told me what everything did and showed examples! I've got about five pages of notes from this video, definitely going on to the CSS video next!
This is a great video! I'm going into web development, which is primarily going to teach us HTML5 and CSS, and both of your videos on the subjects gave me a great foundation to go off of!!!
I am shocked about how good you are at explaining the whole concepts. I had a class about web development last year and its really cool to refresh these concepts. Keep going dude, you just won a new sub!! :D
I'm a Newbie in learning web dev. I watched some of your videos and wow! You explain well in all the ones I watched. Subscribed👍. Thanks for making it. Your channel is definitely one of my top resources on web dev now 🙂.
Can someone help me? So I am at the part where you put the lists and after I followed every step the list in purple and when I click on it it goes into the website from the image I added everything that the video said but can't fix it?
tausiftaha12 they are all on the website so you don't need him to make a video go to his 6 minute video on vs code and it will show you how to get the shortcuts
I am soo grateful to you for the shortcut u have told. 6:18. these are the things I need to learn which I get to learn nowhere.. god bless you, mate ! ✨🙏
@15:27 ... is the word ‘blank’ in target=‘_blank’ just convention because I can substitute blank or _blank for any word and it opens up a new tab. Example target=‘newtab’ / target=‘yellow’ / target=‘christmasmorning’ ... they all open up a new tab.
target refers to a frame or window. The name you enter would be the name of another frame or window that is open. If the named window is not there then the browser will open a new referenced window with the name entered. "_blank" is a reserved name which targets a new, unnamed window.
@@codeSTACKr Can you help me? After I add the image and then add a link to it the text under it is just attached to the link like it's purple and a link I don't want that just want text
2:40 how do i make live server open google chrome like that and resize the vs code at the same time? that would be super helpful...cause it always opens in full window and ill have to use alt+tab to move around....its not a problem....but i would just like to know....i feel like it would help me when we r building it for mobile devices as well....
If I understood your question then its really easy to be solved Just minimize the VS window and resize them to take the left half of your screen and the browser window to take the right half of the screen then you don't have to click Alt+Tab I guess
You are great a explaining Web Dev. I love all of your videos because they are easy to follow. Good job! By the way there was a part in the video where you added a meta tag and 3 meta tags appears. Can you share how 3 appeared, when I tried I was only able enter 1 meta tag?
Hey, codeSTACKr. Great video! Thanks for providing this course. Quick question - how is your cursor moving so fast? Is this something you changed in the settings or a matter of your hardware (ex. keyboard)?
came to discover this channel after seeing a video from @ForrestKnight and, so far, it's been great.. two things as I'm trying to reproduce your code. First, the text on my side appears as some sort of purplish colour, not black. Second, as I click on the "cars" dropbox, it doesn't keep opened if I release the mouse's left button (thus it doesn't allow me to select neither volvo nor audi). same applies to the "first name here" box..I need to keep the mouse's left button clicked as I write.. any hints?
Hi! Your videos are unreal and have really helped me. Would you recommend writing an entire site in HTML before making it look good in CSS? Or is this just never going to be ideal?
It will never look good with just HTML. I would suggest understanding the very basics of HTML then start learning CSS along with continuing to learn more about HTML. HTML and CSS go hand in hand. And thank you!
Is there a reason why i dont get the 3rd line? do I have something missing? cuz when i press the run it also doesn't pop a page up with what im doing, just starting and kinda confused, appreciate the help :)
From an inclusivity standpoint leaving the alt text empty even for decorative pictures feels a bit off? Otherwise loved the information in this video, very helpful!
I did some basic classes on html which were in Bangla. before watching your video, doing some html class help me a lot to understand your classes. plzz make more video on css. Thanks 😍😍😍
Hi, Im just starting to learn coding and in this tutorial I was wondering why on your h1 is bold and in is not, but on mine both are automatically bold. Hope you can help. thanks
Thanks for all of the support!! Continuing the Web Development 2019 Series. Here's the Beginners Guide to HTML.
Check out my Beginners Guide to CSS next: th-cam.com/video/Tfjd5yzCaxk/w-d-xo.html
Timestamps: (Clickable)
00:05 - Preface
00:47 - Code Editors
01:12 - What is HTML?
01:53 - Basic Template / Tags Explained
05:43 - Inline vs Block Level Elements
06:05 - Headings
07:22 - Paragraphs
08:45 - Inline text formatting
10:16 - Division and Span Tags
11:55 - Horizontal Rules
12:05 - Attributes
13:20 - Images
14:22 - Anchor Tags
17:01 - Lists
18:28 - Tables
22:36 - Forms
29:57 - Buttons
30:13 - General Guidelines
31:37 - Commenting
34:02 - Styles
36:13 - Outro
📚 My Favorite Web Design Books 📚
Web Design with HTML, CSS, JavaScript and jQuery Set by Jon Duckett (paid link)
amzn.to/2JaiCL8
Most Badass HTML tutorial. You da man!
You're great at explaining! Short and simple, I wish you best with your youtube career and I hope we get more videos soon :).
I really appreciate that. Thank you for your support! More content on the way..
Few people who did not know how to operate the computer mistakenly pressed the dislike button.
Please a video on "How to click the like button"
Loser theres only 13 dislikes
Just completed start to finish, in under 40 minutes, do to stopping and having to go back for a few things. this was by far the most concise and clearly explained video I have come across yet. Signed up at your Patreon as well. Working on the beginners CSS class soon. Thanks for this man!
Thank you!! I really appreciate it!
Very well done, no unnecessary talking, straight to the point! Love it. Gave me a great overview as I am not in web development but at least have to get the Gist of it
Best video I've seen on YT concerning HTML!
You tell us everything shortly, no crap talking and easy to understand! Props on you, great vid!
Glad you liked it!
This a much better progression in teaching html than anything I've seen yet, including W3 schools, UDEMY, and even my college courses. I'm definitely in as a subscriber. Keep making these great teaching videos.
Thank you!
God bless you for adding subtitle. I'm not a native english speaker so sometimes it is difficult to understand some words or phrases.
You're welcome 😊
Couldn't have imagined a better tutorial, can't wait to get started on the CSS crash course!
I watched this three times and each time i learned what does what and most importantly, the third time at the end when you did the background black and font white.
I actually understood that and now i can even do it myself
Legends will watch this vedeo in 2x speed and learn HTML in 15 min
And go Hack NASA😂
Me just did tht and then looked at ur commnt
Very well done! I was trying to learn code with some website and man was it tedious having me copy and paste stuff around.
But, this video was so helpful, told me what everything did and showed examples! I've got about five pages of notes from this video, definitely going on to the CSS video next!
You have a great way of teaching and so easy to follow. I'm thankful for your time in putting together all the videos for beginners.
Million times better than university lectures 🙏👍
This is a great video! I'm going into web development, which is primarily going to teach us HTML5 and CSS, and both of your videos on the subjects gave me a great foundation to go off of!!!
Glad it was helpful!
4 years ND still fresh. Thanks for the amazingly concise Tutorial
Thanks so much for making this! I needed a quick intro to cover the basics.
And you're really good at explaining things, so keep it up :)
Any idea on how to split my screen for live server on vscode? Thanks everyone 🙏🙏.
Love the VS Code keyboard shortcuts! Very helpful!
Glad it was helpful!
Helped a lot. The only html video i understood. Thanks a lot.
Great Work!!No nonsense straight to point in a simple way.Thanks a lot sir.
Hope your channel grows fast!!
Thank you!
I am shocked about how good you are at explaining the whole concepts. I had a class about web development last year and its really cool to refresh these concepts. Keep going dude, you just won a new sub!! :D
Thank you so much! I really appreciate the feedback.
@@codeSTACKr I was thinking of getting started in web development and this really boosted my hunger for learning more
@@Aven115 Awesome! Don't give up!
Thank you, I tried to find some more tags in HTML after I learnt the basic ones.
I'm a Newbie in learning web dev. I watched some of your videos and wow! You explain well in all the ones I watched. Subscribed👍. Thanks for making it. Your channel is definitely one of my top resources on web dev now 🙂.
Thank you!
Can someone help me? So I am at the part where you put the lists and after I followed every step the list in purple and when I click on it it goes into the website from the image I added everything that the video said but can't fix it?
Thanks for your video. Great to show more videos on Project base from time to time.
We get chances to learn. You are excellent!
One of the best explanation skills I have ever seen on TH-cam! Thanks for everything! Keep it up! :)
You're very welcome!
@@codeSTACKr can you do a video on vscode shortcuts?
tausiftaha12 they are all on the website so you don't need him to make a video go to his 6 minute video on vs code and it will show you how to get the shortcuts
Thank you so much for this! You got yourself a new subscriber.
I am soo grateful to you for the shortcut u have told. 6:18. these are the things I need to learn which I get to learn nowhere.. god bless you, mate ! ✨🙏
should I follow along from your oldest videos to the latest ones or follow the Web Development Playlist that you created ?
@15:27 ... is the word ‘blank’ in target=‘_blank’ just convention because I can substitute blank or _blank for any word and it opens up a new tab. Example target=‘newtab’ / target=‘yellow’ / target=‘christmasmorning’ ... they all open up a new tab.
target refers to a frame or window. The name you enter would be the name of another frame or window that is open. If the named window is not there then the browser will open a new referenced window with the name entered. "_blank" is a reserved name which targets a new, unnamed window.
@@codeSTACKr Can you help me? After I add the image and then add a link to it the text under it is just attached to the link like it's purple and a link I don't want that just want text
Amazing Video. Short & Precise! Thank you for sharing the VSCode Shortcuts. Moving over to the CSS vid now. Keep up the content.
Thank you! Glad it was helpful.
Man, all your content is easy to learn.... Thanks!!!
Thanks for wonderful explanation. It is right to the point without too much talk. All the best!!!
You are welcome!
This couldn't be more clear, thank you
Glad it was helpful!
I love it how clear you explained HTML for the beginners bro. Amazing!
Thank you!
Thank you so much. This video is hands down the most helpful I’ve come across about html 🙌🏽
Glad it was helpful!
This person said exactly what I would have said. Thanks for the video and I'm looking forward to watching more.
Really good intro and at a quick pace too... excellent !
Glad you like it!
love the video, but wonder how you open the browser at 2:39 in the video
So so much for me too learn in this 30min video 👍🏻. Im a complete beginner with zero knowledge, so this is so helpful, thanks.
Straight on point. Very well explained...
so wonderfully taught ! I m so grateful. keep the good work on.
Great video, was not too slow or too fast! Explained perfectly
Glad it helped!
Awesome 😎 I would say Ctrl forward slash to comment code rather than question mark
2:40 how do i make live server open google chrome like that and resize the vs code at the same time?
that would be super helpful...cause it always opens in full window and ill have to use alt+tab to move around....its not a problem....but i would just like to know....i feel like it would help me when we r building it for mobile devices as well....
If I understood your question then its really easy to be solved
Just minimize the VS window and resize them to take the left half of your screen and the browser window to take the right half of the screen then you don't have to click Alt+Tab I guess
@@ALIschannel3 😐......ok....(-_-)
Great tutorial, one of the best I have found. Keep it going. Thanks
Thank you so much for your lesson!
Thank you, that was very helpful. I will be recommending you to the higher-ups in YouTueb to get you promoted. Good luck and much love.
Thank you!
Really helpful for a beginner like myself!
Screen should be zoomed out so people can see the video in low quality so that it can save data and video is good .
Great crash course! Nice complement to freeCodeCamp's responsive web design certification.
You sir deserve more subscribers!
th-cam.com/channels/8rqlzx8SoKEqar3LbhNczQ.html
Thanks for the help, great video and explication! Hi from brazil!
How about the HTML 5 semantic tags?
Short and simple وو Awesome Video
thanks alot
Thank you so much! This is really helpful!!
perfect to the point
Best teacher found on the internet :)
Thank you!
Awesome Video. Keep up the great work. I learned a lot.
Thank you for your support!
You are great a explaining Web Dev. I love all of your videos because they are easy to follow. Good job! By the way there was a part in the video where you added a meta tag and 3 meta tags appears. Can you share how 3 appeared, when I tried I was only able enter 1 meta tag?
Thank you so much!
Awesome Short and compact video
Thanks, dude!!!!
God bless you!
You're welcome!
simple and effective! Thank you x
Glad it was helpful!
Thanks for good explanation.
could we get a new tutorial for html and css or are these still relevent because im just starting to learn all of this
They are still relevant 😁
Hey, codeSTACKr. Great video! Thanks for providing this course.
Quick question - how is your cursor moving so fast? Is this something you changed in the settings or a matter of your hardware (ex. keyboard)?
came to discover this channel after seeing a video from @ForrestKnight and, so far, it's been great.. two things as I'm trying to reproduce your code. First, the text on my side appears as some sort of purplish colour, not black. Second, as I click on the "cars" dropbox, it doesn't keep opened if I release the mouse's left button (thus it doesn't allow me to select neither volvo nor audi). same applies to the "first name here" box..I need to keep the mouse's left button clicked as I write.. any hints?
perfect man!
You always have a great tutorials🙏🙏🙏thank you so much
awesome tutorials man. Thank you sooo much.
Glad you like them!
Hello, trying to find out why my checkboxes show as extra-long text boxes instead of a normal check box?
How did you open it in the browser? I did download that extension you mentioned but I can’t get it to work. Flummoxed at step one!
great to sum up knowledge 👌👍
Thanks, man. Very useful.
Hi! Your videos are unreal and have really helped me. Would you recommend writing an entire site in HTML before making it look good in CSS? Or is this just never going to be ideal?
It will never look good with just HTML. I would suggest understanding the very basics of HTML then start learning CSS along with continuing to learn more about HTML. HTML and CSS go hand in hand. And thank you!
How do you open the live browser? I installed it from the previous video
WELL EXPLAINED SIR♥️🙌
Thanks ✌️
Codeacamedy use instead of
Thanks for all, This video is so helpful!
So glad!
I’m looking at this video on my phone. I can’t see anything. Can you? I will review this video on my laptop or iPad. Thank you!
Better than 4 hours paid course!
Thank you!
Is there a reason why i dont get the 3rd line? do I have something missing? cuz when i press the run it also doesn't pop a page up with what im doing, just starting and kinda confused, appreciate the help :)
So clear and so advantage for beginners. Thank you so much for good knowledge.
Greate stuff!
Would you please show me how to download the code. I couldn’t find it.
Thanks for making this video it helps a lot.
Glad it helped!
Thank you so much it helped me a lot
Glad it helped!
Thank you this was very helpful!!:D
From an inclusivity standpoint leaving the alt text empty even for decorative pictures feels a bit off? Otherwise loved the information in this video, very helpful!
what you mean bit off?
Thanks buddy help a lot
Happy to help
if possible then please make a basic project tutorial
Nice video. Why doesent this channel have more views? Its so helpful :)
Good question!
Any video suggestion on semantic responsive html?
Really good. Thank you so much.
Glad you liked it!
Thank you so much ❤️
Thanks man!
I am using VSC?
I just start to learn. Thank you
You got this!
I did some basic classes on html which were in Bangla. before watching your video, doing some html class help me a lot to understand your classes.
plzz make more video on css.
Thanks 😍😍😍
Thank you!
You're welcome!
Hi, Im just starting to learn coding and in this tutorial I was wondering why on your h1 is bold and in is not, but on mine both are automatically bold. Hope you can help. thanks
Sorry, I'm not sure why that would be. What browser are you using? tags should definitely not be bold..
@@codeSTACKr Im using google and its the same if i use sublime text. Thanks for answering anyways.
@@zurielsanchez6209 why you going to ask if you didnt want any solution to your issue? stop asking for the sake of asking