Semantic HTML - How to Write Clean Code (Beginner)
HTML-код
- Опубликовано: 18 май 2020
- In this video, we are going to learn about Semantic HTML. This video is best watched on a computer or laptop and does require the basics of web development, including separation of concerns, and a text editor. If you need to learn about those check out my last two videos in the description.
Learn Web Development Fundamentals in 12 minutes (Beginner)
- • Learn Web Development ...
Separation Of Concerns Web Dev in 15 minutes (Beginner) - • Separation Of Concerns...
Here is a link to VSCode Editor
code.visualstudio.com/download
Check me out on the internet
ethaneisenhard.com/
/ ethan.eisen. .
/ ethaneisenhard
It's just awesome. I thought it's highly impossible to learn about semantic HTML in less than 30 mins. Great work.
You're very good at explaining, thank you. Good work!
Fantastic man! That helps! Thank you!!
This video really helped me. Thank you very much!
Wooow great video bro! It's sad that your channel don't have more subs. Please make more videos like this and all the best
Thank you so much! I am working on the next video, I appreciate the support.
I wanted the 2nd video mate! :D
very clear! thank you
Thanks Ethan! Great video :)
Thanks Hiba!!
Waoh so powerful thanks very much sir it is very helpful
Hidden Gem💎
great video thanks man
Thank you!
Nice and useful tips dude ✌🏼
Ayy thanks so much!!
Nice i am learning a lot. One question though, how would you swap the nav with the header so that they are in the same position as shown in the outline or template? Nevermind I seen it. Thanks this is awesome! Helped a lot
Great video! You should definitely make a follow up
Thank you so much 😊 👍👏🙌🏻👐🏻🤝 , subscribe and liked
Nice!
Can you make a video about creating a website using purely html..plsss
And also thank you for this video it was very helpful.
thank you so much
Thank you for making this video.
But I think it would be better to explain where and how to use that tags. I mean, how to make a good template. The problem is making that good template, if we have a template, it is easy to just follow that. Thanks
Is there a link to follow up video?
I am working on the next video! Did this one help? Appreciate you checking the video out.
Why was there some padding on the bottom of the green header element when you applied the border to the body element, but no padding top, right or left?
Default CSS styles. You can reset the defaults to remove any or all default stylings.
@@0x007A So you could have lost that bottom padding by doing padding:0 in the same way as you did margin:0? I wonder why they left that padding in there by itself as a default style.
@@Martin958 yes.
* { border-width: 0; margin: 0; padding: 0; display: border-box; }
body { border: 15px solid blue; height: 100vh; }
header { border: 5px solid green; height: 100px; }
nav { border: 5px dashed yellow; height: 25px; position: relative; margin: 30px 50px 30px 700px; width: 50%; }
p { color: green; margin: 15px 25px; }
Hello!
World!
You can still use Divs and write clean code.
Inside header, main, section, footer then yeah but with a good documentation/Comments, but if you only use divs for everything is not good for acceisbility such as screen readers and even for the SEO, cuz the robot of google browser would not know what is the main section just as an example.
Nice tutorial, you don't deserve having a few subscriber's, so should upload videos like this more often to get more views and followers
aaaaaaaaalso 3,200th like
00
There's no such thing