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
Пікірлер: 56
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 ]
fantastic content, thanks so much for breaking this down so clearly - will definitely be referring back to this in my html journey!
Quick. Concise. Great presentation.
This was awesome, thanks for sharing I feel more confident with html tags and attributes
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
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
2 жыл бұрын
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.
Thanks brother, keep going you are doing great 👍🏼👍🏿👍🏾
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.
Great video, you can make also on javascript this kind of videos? thank you for the knowledge
That's awesome! very simply explained! Thanks!
VERY INFORMATIVE AND EDUCATIONAL. SUBSCRIBED AND WAITING FOR MORE.
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?
@ZacKoch
3 жыл бұрын
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
3 жыл бұрын
In this case live-server. I've included it in the package.json at the link in the description.
Thank you so much.
Thank you !
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
3 жыл бұрын
Atom
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
Nice job bro I'm really passionate about Html. I would like to know what do you do for living
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.
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
3 жыл бұрын
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.
Keep going 👍👍
Great tutorial
thank you
thank you thats exactly what i was looking for to learn web
Is this HTML in XML? I’m new to programming and was wondering
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
3 жыл бұрын
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.
nice
Hi genius!
why is Atom better then VS code in your view?
@EngineerMan
3 жыл бұрын
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.
I want the css code :DD
make java tutorials, please?
ok
I wish i had this type of videos, ohh I don't know like 29 years ago 🤣🤣
I fell asleep watching him preaching.. like three four times😂
Timestamps are just for my personal reference.
@JoJo-bm1sj
2 жыл бұрын
4:03 common use if span tags
@JoJo-bm1sj
2 жыл бұрын
8:00 formatting divs forms and inputs
@JoJo-bm1sj
2 жыл бұрын
9:00 select tags and nuance differences between server side and text display functionality
@JoJo-bm1sj
2 жыл бұрын
10:23 difference in use between input types button and submit
You have to be more kind to the listerner. Take a break between sentences and emphasize more important words
Engineer Man: …common HTML tags… KZread: pft! we don't need no stinking common HTML tags, we make up our own 🙄 (really; view-source a KZread page)
@Janis_P
3 жыл бұрын
Those are web components. There's a bit more to it than just having a custom tag name