No video

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

  Рет қаралды 41,566

Engineer Man

Engineer Man

Күн бұрын

Пікірлер: 54
@martinlutherkingjr.5582
@martinlutherkingjr.5582 4 жыл бұрын
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
@1donnelly 4 жыл бұрын
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 .
@frankzeppelin
@frankzeppelin 3 жыл бұрын
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.
@Zancb
@Zancb 3 жыл бұрын
"And that's why you use CSS to make sure things look the same across all web broswers" [ Laughs in Internet Explorer ]
@kroucher3286
@kroucher3286 2 жыл бұрын
fantastic content, thanks so much for breaking this down so clearly - will definitely be referring back to this in my html journey!
@mechjack
@mechjack 4 жыл бұрын
Quick. Concise. Great presentation.
@celestinnarose
@celestinnarose 2 жыл бұрын
This was awesome, thanks for sharing I feel more confident with html tags and attributes
@jjlg97
@jjlg97 3 жыл бұрын
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
@randallhernandez1644
@randallhernandez1644 3 жыл бұрын
pretty organized explanation, ty sir.
@zinsy23
@zinsy23 4 жыл бұрын
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
@marianbadoi2476 3 жыл бұрын
Great video, you can make also on javascript this kind of videos? thank you for the knowledge
@matheusfelipe7318
@matheusfelipe7318 2 жыл бұрын
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
@effortlesscoding6108
@effortlesscoding6108 3 жыл бұрын
VERY INFORMATIVE AND EDUCATIONAL. SUBSCRIBED AND WAITING FOR MORE.
@haramanisahoo4831
@haramanisahoo4831 4 жыл бұрын
Thanks brother, keep going you are doing great 👍🏼👍🏿👍🏾
@maxpachec1688
@maxpachec1688 4 жыл бұрын
Bro, what IDE are you using? Just started learning a month ago, but this IDE definitely looks better than notepad++ Great vid btw
@sadam21x
@sadam21x 4 жыл бұрын
Atom
@johnsteer596
@johnsteer596 4 жыл бұрын
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 4 жыл бұрын
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.
@suwarnaag
@suwarnaag 4 жыл бұрын
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 4 жыл бұрын
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 4 жыл бұрын
In this case live-server. I've included it in the package.json at the link in the description.
@DanielTateNZ
@DanielTateNZ 4 жыл бұрын
Great video, very concise.
@eduard289
@eduard289 2 жыл бұрын
Thank you !
@FreeDomSy-nk9ue
@FreeDomSy-nk9ue 3 жыл бұрын
Thank you so much.
@souljarohill8795
@souljarohill8795 3 жыл бұрын
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
@brimbon_duke Жыл бұрын
thank you
@vitoryesofreitas6719
@vitoryesofreitas6719 4 жыл бұрын
thank you thats exactly what i was looking for to learn web
@shreyashsharma1025
@shreyashsharma1025 4 жыл бұрын
Great tutorial
@Mossmyr
@Mossmyr 4 жыл бұрын
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 4 жыл бұрын
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.
@drinkbleach125
@drinkbleach125 4 жыл бұрын
Nice job bro I'm really passionate about Html. I would like to know what do you do for living
@saifabbas2496
@saifabbas2496 4 жыл бұрын
Keep going 👍👍
@georgehammond867
@georgehammond867 4 жыл бұрын
why is Atom better then VS code in your view?
@EngineerMan
@EngineerMan 4 жыл бұрын
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.
@kyleholmese1324
@kyleholmese1324 2 жыл бұрын
nice
@hemanthkotagiri8865
@hemanthkotagiri8865 4 жыл бұрын
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
@sorenblank4162 3 жыл бұрын
I want the css code :DD
@HinduWaffenChief
@HinduWaffenChief 4 жыл бұрын
Hi genius!
@umeyama4
@umeyama4 4 жыл бұрын
make java tutorials, please?
@user-bq4if6jd7w
@user-bq4if6jd7w Жыл бұрын
ok
@troylollysaf9311
@troylollysaf9311 Жыл бұрын
I fell asleep watching him preaching.. like three four times😂
@larsniklassonhede3798
@larsniklassonhede3798 2 жыл бұрын
You have to be more kind to the listerner. Take a break between sentences and emphasize more important words
@JoJo-bm1sj
@JoJo-bm1sj 2 жыл бұрын
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
@hotshot8207
@hotshot8207 4 жыл бұрын
I wish i had this type of videos, ohh I don't know like 29 years ago 🤣🤣
@user-vn7ce5ig1z
@user-vn7ce5ig1z 4 жыл бұрын
Engineer Man: …common HTML tags… KZfaq: pft! we don't need no stinking common HTML tags, we make up our own 🙄 (really; view-source a KZfaq page)
@Janis_P
@Janis_P 4 жыл бұрын
Those are web components. There's a bit more to it than just having a custom tag name
Common CSS properties and how they work
11:28
Engineer Man
Рет қаралды 26 М.
The only tags you need when first learning HTML
17:07
Kevin Powell
Рет қаралды 47 М.
Кадр сыртындағы қызықтар | Келінжан
00:16
Blue Food VS Red Food Emoji Mukbang
00:33
MOOMOO STUDIO [무무 스튜디오]
Рет қаралды 9 МЛН
女孩妒忌小丑女? #小丑#shorts
00:34
好人小丑
Рет қаралды 81 МЛН
This Dumbbell Is Impossible To Lift!
01:00
Stokes Twins
Рет қаралды 32 МЛН
5+ Must Know HTML Tags That Almost Nobody Knows
15:33
Web Dev Simplified
Рет қаралды 614 М.
Learn HTML in 1 hour 🌎
1:00:00
Bro Code
Рет қаралды 2 МЛН
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 944 М.
The Greenwich Meridian is in the wrong place
25:07
Stand-up Maths
Рет қаралды 836 М.
Learn CSS Flexbox in 20 Minutes (Course)
20:37
Coding2GO
Рет қаралды 62 М.
10 CSS Pro Tips - Code this, NOT that!
9:39
Fireship
Рет қаралды 2,2 МЛН
5 important HTML concepts for beginners
14:37
Kevin Powell
Рет қаралды 118 М.
CSS Tips And Tricks I Wish I Knew Before
12:12
Lama Dev
Рет қаралды 469 М.
microsoft doubles down on recording your screen
10:00
Low Level Learning
Рет қаралды 69 М.
Avoid these 5 beginner CSS mistakes
21:38
Kevin Powell
Рет қаралды 82 М.
Кадр сыртындағы қызықтар | Келінжан
00:16