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

  • @martinlutherkingjr.5582
    @martinlutherkingjr.55823 жыл бұрын

    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
    @1donnelly3 жыл бұрын

    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
    @Zancb3 жыл бұрын

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

  • @kroucher3286
    @kroucher32862 жыл бұрын

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

  • @mechjack
    @mechjack3 жыл бұрын

    Quick. Concise. Great presentation.

  • @celestinnarose
    @celestinnarose2 жыл бұрын

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

  • @randallhernandez1644
    @randallhernandez16442 жыл бұрын

    pretty organized explanation, ty sir.

  • @jjlg97
    @jjlg973 жыл бұрын

    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

  • @frankzeppelin
    @frankzeppelin3 жыл бұрын

    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

    @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.

  • @haramanisahoo4831
    @haramanisahoo48313 жыл бұрын

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

  • @zinsy23
    @zinsy233 жыл бұрын

    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
    @marianbadoi24763 жыл бұрын

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

  • @singingtransformation2871
    @singingtransformation2871 Жыл бұрын

    That's awesome! very simply explained! Thanks!

  • @effortlesscoding6108
    @effortlesscoding61082 жыл бұрын

    VERY INFORMATIVE AND EDUCATIONAL. SUBSCRIBED AND WAITING FOR MORE.

  • @DanielTateNZ
    @DanielTateNZ3 жыл бұрын

    Great video, very concise.

  • @suwarnaag
    @suwarnaag3 жыл бұрын

    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

    @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

    @EngineerMan

    3 жыл бұрын

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

  • @FreeDomSy-nk9ue
    @FreeDomSy-nk9ue2 жыл бұрын

    Thank you so much.

  • @eduard289
    @eduard289 Жыл бұрын

    Thank you !

  • @maxpachec1688
    @maxpachec16883 жыл бұрын

    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

    @sadam_669

    3 жыл бұрын

    Atom

  • @matheusfelipe7318
    @matheusfelipe73182 жыл бұрын

    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

  • @drinkbleach125
    @drinkbleach1253 жыл бұрын

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

  • @souljarohill8795
    @souljarohill87953 жыл бұрын

    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.

  • @johnsteer596
    @johnsteer5963 жыл бұрын

    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

    @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.

  • @saifabbas2496
    @saifabbas24963 жыл бұрын

    Keep going 👍👍

  • @shreyashsharma1025
    @shreyashsharma10253 жыл бұрын

    Great tutorial

  • @brimbon_duke
    @brimbon_duke Жыл бұрын

    thank you

  • @vitoryesofreitas6719
    @vitoryesofreitas67193 жыл бұрын

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

  • @Aloman76
    @Aloman76 Жыл бұрын

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

  • @Mossmyr
    @Mossmyr3 жыл бұрын

    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

    @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.

  • @kyleholmese1324
    @kyleholmese13242 жыл бұрын

    nice

  • @IamHindu7369
    @IamHindu73693 жыл бұрын

    Hi genius!

  • @georgehammond867
    @georgehammond8673 жыл бұрын

    why is Atom better then VS code in your view?

  • @EngineerMan

    @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.

  • @hemanthkotagiri8865
    @hemanthkotagiri88653 жыл бұрын

    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.

  • @sorenblank4162
    @sorenblank41622 жыл бұрын

    I want the css code :DD

  • @umeyama4
    @umeyama43 жыл бұрын

    make java tutorials, please?

  • @user-bq4if6jd7w
    @user-bq4if6jd7w Жыл бұрын

    ok

  • @hotshot8207
    @hotshot82073 жыл бұрын

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

  • @troylollysaf9311
    @troylollysaf9311 Жыл бұрын

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

  • @JoJo-bm1sj
    @JoJo-bm1sj2 жыл бұрын

    Timestamps are just for my personal reference.

  • @JoJo-bm1sj

    @JoJo-bm1sj

    2 жыл бұрын

    4:03 common use if span tags

  • @JoJo-bm1sj

    @JoJo-bm1sj

    2 жыл бұрын

    8:00 formatting divs forms and inputs

  • @JoJo-bm1sj

    @JoJo-bm1sj

    2 жыл бұрын

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

  • @JoJo-bm1sj

    @JoJo-bm1sj

    2 жыл бұрын

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

  • @larsniklassonhede3798
    @larsniklassonhede37982 жыл бұрын

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

  • @user-vn7ce5ig1z
    @user-vn7ce5ig1z3 жыл бұрын

    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

    @Janis_P

    3 жыл бұрын

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

Келесі