Common HTML tags and what they are for (HTML/CSS Basics)

Continuing on in the Intro to HTML/CSS series, we start looking at the most common HTML tags out there and what role they play in an HTML document.
Hope you enjoyed the video!
Check out this code here:
github.com/engineer-man/youtu...
Join my Discord server to chat with me:
/ discord
Check out some code on my GitHub:
github.com/realtux
github.com/engineer-man/youtube
Come visit us on Reddit:
/ engineerman
Other Social:
/ _engineerman
/ engineermanyt

[@martinlutherkingjr.5582]

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.

[@1donnelly]

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 .

[@Zancb]

"And that's why you use CSS to make sure things look the same across all web broswers" [ Laughs in Internet Explorer ]

[@kroucher3286]

fantastic content, thanks so much for breaking this down so clearly - will definitely be referring back to this in my html journey!

[@frankzeppelin]

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.

[@sirhallstein1336]

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.

[@mechjack]

Quick. Concise. Great presentation.

[@celestinnarose]

This was awesome, thanks for sharing I feel more confident with html tags and attributes

[@jjlg97]

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

[@haramanisahoo4831]

Thanks brother, keep going you are doing great 👍🏼👍🏿👍🏾

[@DanielTateNZ]

Great video, very concise.

[@randallhernandez1644]

pretty organized explanation, ty sir.

[@effortlesscoding6108]

VERY INFORMATIVE AND EDUCATIONAL. SUBSCRIBED AND WAITING FOR MORE.

[@singingtransformation2871]

That's awesome! very simply explained! Thanks!

[@zinsy23]

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.

[@marianbadoi2476]

Great video, you can make also on javascript this kind of videos? thank you for the knowledge

[@saifabbas2496]

Keep going 👍👍

[@shreyashsharma1025]

Great tutorial

[@suwarnaag]

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?

[@ZacKoch]

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.

[@EngineerMan]

In this case live-server. I've included it in the package.json at the link in the description.

[@matheusfelipe7318]

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

[@johnsteer596]

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!

[@EngineerMan]

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.

[@eduard289]

Thank you !

[@FreeDomSy-nk9ue]

Thank you so much.

[@maxpachec1688]

Bro, what IDE are you using? Just started learning a month ago, but this IDE definitely looks better than notepad++ Great vid btw

[@sadam_669]

Atom

[@drinkbleach125]

Nice job bro I'm really passionate about Html. I would like to know what do you do for living

[@souljarohill8795]

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.

[@brimbon_duke]

thank you

[@vitoryesofreitas6719]

thank you thats exactly what i was looking for to learn web

[@Mossmyr]

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?

[@EngineerMan]

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.

[@kyleholmese1324]

nice

[@IamHindu7369]

Hi genius!

[@Aloman76]

Is this HTML in XML? I’m new to programming and was wondering

[@georgehammond867]

why is Atom better then VS code in your view?

[@EngineerMan]

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.

[@hemanthkotagiri8865]

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.

[@umeyama4]

make java tutorials, please?

[@user-bq4if6jd7w]

ok

[@sorenblank4162]

I want the css code :DD

[@troylollysaf9311]

I fell asleep watching him preaching.. like three four times😂

[@JoJo-bm1sj]

Timestamps are just for my personal reference.

[@JoJo-bm1sj]

4:03 common use if span tags

[@JoJo-bm1sj]

8:00 formatting divs forms and inputs

[@JoJo-bm1sj]

9:00 select tags and nuance differences between server side and text display functionality

[@JoJo-bm1sj]

10:23 difference in use between input types button and submit

[@larsniklassonhede3798]

You have to be more kind to the listerner. Take a break between sentences and emphasize more important words

[@hotshot8207]

I wish i had this type of videos, ohh I don't know like 29 years ago 🤣🤣

[@user-vn7ce5ig1z]

Engineer Man: …common HTML tags… KZbin: pft! we don't need no stinking common HTML tags, we make up our own 🙄 (really; view-source a KZbin page)

[@Janis_P]

Those are web components. There's a bit more to it than just having a custom tag name