Finally a video that actually explains in some detail how html tags function instead of just making a video showing you someone building a shitty webpage from 1999.
Another reason to use thru and be semantically correct is accessibility. Many screen readers rely on proper semantics. You also shouldn't skip if you want the styling of .
Style note: I really like how you properly close your tags (including empty tags) a la XML/XHMTL. I do that too. I've read so many comments on Stackoverflow over the years along the lines of "HTML isn't XML so it shouldn't try to be". The whole reason the original SGML even allowed not closing tags was due to how extremely limited memory and storage were back in the 80s. Anyway, I think it's good form and I'm glad to see it here.
If it doesn't affect the how the file is interpreted in any way shape or form - then you could argue that it's actually bad form as it is both deprecated behavior, and can be confusing to devs who haven't seen it - because it's deprecated.
Could you make a video where you go over Atom tips and tricks that you use to work optimally on it. I would hope to see stuff like how you do multiple text cursors simultaneously and minimap and stuff like that.
Thanks a lot, from an all-time viewer of your content. I'm working on a physics simulation using threejs and p5js; it would be great if you reviewed it (similar to what you've done in a couple of videos with other people's code) when I get a decent and functional version of it
Hi, When you mentioned that a button tag with type = "button" does nothing unless you program it to do so, how would you actually go about giving it some sort of functionality. Ex. I have an app that deals with students in an online class and it simulated raising hands an calling on students. I want to implement a button that the teach can press to call on a student who's hand is "raised" which will effectively "lower" their hand, changing the state, and having the new state saved until changed again. I feel like this is really simple but im new to this so any help would be great!
11:00 Does CSS really _guarantee_ that tags are styled identically across all browers? Isn't it up to the browers to render the CSS in the way it's intended?
The short answer is: it should be. This brings up a good point regarding standards both in strict implementation of them and how up-to-date each browser is with that standard. Given two browsers, say Brave and Firefox, both implementing the same set of CSS correctly, you should get identical looking sites.But, I've heard too much "it looks fine in Firefox" or "it looks fine in Brave" in my career to know that nothing is perfect when it comes to standards implemention.
why does the program ignore the space if you dont use a br. I understand why we need to use it but I just wonder why it doesnt go underneath in the first place. Esspecially since your already putting the code on another line.
Usually it's an editor plugin. Common ones include livereload, live-server, browser-refresh-on-save.... Most IDE's will have some kind of plugin or extension that accomplishes this.
Overall it may not be, I'm not really sure. It's what I've always used and it's what I'm most comfortable with, that's mostly why I use it. I'm hugely productive with Atom.
I think you really need to collaborate with Traversy Media(Brad) and create some content there too as well. You really make a lot of stuff very clear in whatever topic you choose to explain.
Finally a video that actually explains in some detail how html tags function instead of just making a video showing you someone building a shitty webpage from 1999.
Another reason to use thru and be semantically correct is accessibility. Many screen readers rely on proper semantics. You also shouldn't skip if you want the styling of .
"And that's why you use CSS to make sure things look the same across all web broswers"
[ Laughs in Internet Explorer ]
Style note: I really like how you properly close your tags (including empty tags) a la XML/XHMTL. I do that too. I've read so many comments on Stackoverflow over the years along the lines of "HTML isn't XML so it shouldn't try to be". The whole reason the original SGML even allowed not closing tags was due to how extremely limited memory and storage were back in the 80s. Anyway, I think it's good form and I'm glad to see it here.
If it doesn't affect the how the file is interpreted in any way shape or form - then you could argue that it's actually bad form as it is both deprecated behavior, and can be confusing to devs who haven't seen it - because it's deprecated.
Quick. Concise. Great presentation.
fantastic content, thanks so much for breaking this down so clearly - will definitely be referring back to this in my html journey!
This was awesome, thanks for sharing I feel more confident with html tags and attributes
Could you make a video where you go over Atom tips and tricks that you use to work optimally on it. I would hope to see stuff like how you do multiple text cursors simultaneously and minimap and stuff like that.
pretty organized explanation, ty sir.
Thanks a lot, from an all-time viewer of your content. I'm working on a physics simulation using threejs and p5js; it would be great if you reviewed it (similar to what you've done in a couple of videos with other people's code) when I get a decent and functional version of it
Great video, you can make also on javascript this kind of videos? thank you for the knowledge
VERY INFORMATIVE AND EDUCATIONAL. SUBSCRIBED AND WAITING FOR MORE.
Hi,
When you mentioned that a button tag with type = "button" does nothing unless you program it to do so, how would you actually go about giving it some sort of functionality.
Ex. I have an app that deals with students in an online class and it simulated raising hands an calling on students. I want to implement a button that the teach can press to call on a student who's hand is "raised" which will effectively "lower" their hand, changing the state, and having the new state saved until changed again. I feel like this is really simple but im new to this so any help would be great!
You'd use the onclick attribute on the button. So, click me. Somewhere higher up in your HTML you'd define and make the function some_action.
I learned the tag select and another variant of button that is submit . At least I've learned something that I've been curious about to know
Thanks brother, keep going you are doing great 👍🏼👍🏿👍🏾
11:00 Does CSS really _guarantee_ that tags are styled identically across all browers? Isn't it up to the browers to render the CSS in the way it's intended?
The short answer is: it should be. This brings up a good point regarding standards both in strict implementation of them and how up-to-date each browser is with that standard. Given two browsers, say Brave and Firefox, both implementing the same set of CSS correctly, you should get identical looking sites.But, I've heard too much "it looks fine in Firefox" or "it looks fine in Brave" in my career to know that nothing is perfect when it comes to standards implemention.
Bro, what IDE are you using? Just started learning a month ago, but this IDE definitely looks better than notepad++
Great vid btw
Atom
why does the program ignore the space if you dont use a br. I understand why we need to use it but I just wonder why it doesnt go underneath in the first place. Esspecially since your already putting the code on another line.
Great video, very concise.
Thanks for making this video. It really helps me to understand HTML. One question though, how do you make your browser autoreload on file change?
Usually it's an editor plugin. Common ones include livereload, live-server, browser-refresh-on-save.... Most IDE's will have some kind of plugin or extension that accomplishes this.
In this case live-server. I've included it in the package.json at the link in the description.
thank you thats exactly what i was looking for to learn web
why is Atom better then VS code in your view?
Overall it may not be, I'm not really sure. It's what I've always used and it's what I'm most comfortable with, that's mostly why I use it. I'm hugely productive with Atom.
Great tutorial
Keep going 👍👍
Thank you so much.
I want the css code :DD
Thank you !
I fell asleep watching him preaching.. like three four times😂
Timestamps are just for my personal reference.
4:03 common use if span tags
8:00 formatting divs forms and inputs
9:00 select tags and nuance differences between server side and text display functionality
10:23 difference in use between input types button and submit
make java tutorials, please?
I think you really need to collaborate with Traversy Media(Brad) and create some content there too as well. You really make a lot of stuff very clear in whatever topic you choose to explain.
You have to be more kind to the listerner. Take a break between sentences and emphasize more important words
thank you
nice
Hi genius!
ok
Engineer Man: …common HTML tags…
UA-cam: pft! we don't need no stinking common HTML tags, we make up our own 🙄 (really; view-source a UA-cam page)
Those are web components. There's a bit more to it than just having a custom tag name
I wish i had this type of videos, ohh I don't know like 29 years ago 🤣🤣