The Net Ninja
Hey gang, in this HTML & CSS tutorial for beginners we’ll take a look at some of the newer HTML semantic tags, like section, article, header, nav and aside.
HTML 5 Semantic tags, more information – https://www.w3schools.com/html/html5_semantic_elements.asp
Course files:
https://github.com/iamshaunjp/html-and-css-crash-course
—————————————-
🐱💻 🐱💻 Course Links:
+ VS Code download – https://code.visualstudio.com/
🐱💻 🐱💻 Other Related Courses:
+ Modern JavaScript Tutorial – https://www.thenetninja.co.uk/udemy/modern-javascript .
i don't see the link in the description for the github of this project, on the video i says private.
Here is the link for anyone to lazy to search it 🙂 https://github.com/iamshaunjp/html-and-css-crash-course
lol, the repo is private.
I think this nnja shaun loves mario too much
D:)
when i downloaded src of the project from your GitHub i saw some issues , for example you put / before every img codes so when i open index.html file in my browser none one images load correctly!
You're amazing man, I love your courses <3, keep it up!
Why did you put <nav> in main section, isn’t it smart to put it in <header> tag
Sir why did u put forward slash in the link "/join.html"
could you please explain me a bit
Nintendo has entered the chat
Thank you very much for this useful video!
what is the reason for putting the <h2> tag in a <div> if its the only thing in there? Could we just give the <h2> a class and refer to it that way in the CSS? I guess I am thinking in terms of having the least amount of code possible. Thanks!
very informative tutorial thank you Mr Net Ninja
Hey, can you just tell me what VS Code extension you have used to make your setup look like that?
so are these semantics basically function the same? Like can you switch the <main> tag in the video to <section> ?
bro your work is amazing, i learn a lot of things from this, love ya <3
What? I really see no reason for using semantics? Why cant i use div instead of header, article or nav?
whats the theme of your vscode? this looks cool!
Nice
Great job explaining everything! Respect!
The first image (img/banner.png) doesn't display when I use Live Server.
But if I put the exact same code outside of the <section> it displays.
Using the file protocol, it displays both in and outside of the <section>
Edit: the whole <section class="banner"> doesn't show using Live Server.
If I rename banner to anything else like banne without r, it works.
HTML 5 icon not showing for me
I would put the nav inside the header. is that wrong?
my brain 🙁
incredible teaching skills, very clear and organized. thank you!
Thank you.
If you wanna some specific text length, just type e.g lorem50 and press tab
Thank you, Ninja.
love you sir huge respect
should <main > be only 1 in a webpage ?
do u like mario mate? ahahah 😛 thank you good videos 🙂
Hey please what are Span tags for?
How can you be this patient man👏👏👏.Explanations were very clear ❤️❤️❤️ Keep up the good work!!
wow, i see it
thank you very much
You can do lorem*n if u want multiple lorems
Thanks, you can even type "Lorem50" or "Lorem100" and VSCode will generate Lorem ipsum text with 50 or 100 etc. symbols 😉
This is what I'm looking for! Thanks for the clear explanation! 🙂
You are such a great teacher. I have a question pls: How come the nav is not in the header? How is it better to have the nav in the header or in the same div with the rest of the content?
No! No! No!..you are the best. Your courses are so exceptional and very fun. I don't slumber while having your course…much love.
amazing
the only channel where i wouldnt mind watching the ads
the best ninja