No video

Semantic HTML - How to Write Clean Code (Beginner)

  Рет қаралды 22,553

Ethan Eisenhard

Ethan Eisenhard

Күн бұрын

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.visualstu...
Check me out on the internet
ethaneisenhard...
/ ethan.eisen. .
/ ethaneisenhard

Пікірлер: 37
@shaikkhadeersulthan3667
@shaikkhadeersulthan3667 2 жыл бұрын
It's just awesome. I thought it's highly impossible to learn about semantic HTML in less than 30 mins. Great work.
@YUAN_TAO
@YUAN_TAO 5 ай бұрын
You're very good at explaining, thank you. Good work!
@rafagleich2258
@rafagleich2258 2 ай бұрын
Man, your tutorial is really good. It’s a shame you stopped uploading.
@evertonalmeida1165
@evertonalmeida1165 3 жыл бұрын
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
@ethaneisenhard
@ethaneisenhard 3 жыл бұрын
Thank you so much! I am working on the next video, I appreciate the support.
@GWE635
@GWE635 Жыл бұрын
Hidden Gem💎
@Tobbe628
@Tobbe628 2 жыл бұрын
I wanted the 2nd video mate! :D
@Judy-sp4ry
@Judy-sp4ry 11 ай бұрын
Can you make a video about creating a website using purely html..plsss And also thank you for this video it was very helpful.
@MsCellobass
@MsCellobass 2 жыл бұрын
Fantastic man! That helps! Thank you!!
@densyo1502
@densyo1502 Жыл бұрын
Thank you!
@labitnelsonlangan4478
@labitnelsonlangan4478 2 жыл бұрын
Waoh so powerful thanks very much sir it is very helpful
@mahendranath2504
@mahendranath2504 2 жыл бұрын
Thank you so much 😊 👍👏🙌🏻👐🏻🤝 , subscribe and liked
@maricarseril1352
@maricarseril1352 2 жыл бұрын
This video really helped me. Thank you very much!
@daks8888
@daks8888 Жыл бұрын
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
@mckayhba360
@mckayhba360 3 жыл бұрын
Thanks Ethan! Great video :)
@ethaneisenhard
@ethaneisenhard 3 жыл бұрын
Thanks Hiba!!
@ShakerFS
@ShakerFS Жыл бұрын
Great video! You should definitely make a follow up
@shinpolatov
@shinpolatov Жыл бұрын
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
@stanikbr
@stanikbr 2 жыл бұрын
very clear! thank you
@ShreyasSane
@ShreyasSane 4 жыл бұрын
Nice and useful tips dude ✌🏼
@ethaneisenhard
@ethaneisenhard 4 жыл бұрын
Ayy thanks so much!!
@johnpeterson347
@johnpeterson347 2 жыл бұрын
great video thanks man
@juanmatapatpinoy
@juanmatapatpinoy 2 жыл бұрын
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
@khemmanutpongparsert4735
@khemmanutpongparsert4735 2 жыл бұрын
thank you so much
@fufonecarter2489
@fufonecarter2489 3 жыл бұрын
Is there a link to follow up video?
@ethaneisenhard
@ethaneisenhard 3 жыл бұрын
I am working on the next video! Did this one help? Appreciate you checking the video out.
@TheJacklwilliams
@TheJacklwilliams 2 жыл бұрын
Nice!
@jeprodigalson792
@jeprodigalson792 3 жыл бұрын
You can still use Divs and write clean code.
@juanortegaa6916
@juanortegaa6916 2 жыл бұрын
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.
@Martin958
@Martin958 2 жыл бұрын
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?
@0x007A
@0x007A 2 жыл бұрын
Default CSS styles. You can reset the defaults to remove any or all default stylings.
@Martin958
@Martin958 2 жыл бұрын
@@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.
@0x007A
@0x007A 2 жыл бұрын
@@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!
@hassanaslampro1261
@hassanaslampro1261 2 жыл бұрын
aaaaaaaaalso 3,200th like
@hengdaragamer6498
@hengdaragamer6498 2 жыл бұрын
00
@dabbopabblo
@dabbopabblo 2 жыл бұрын
There's no such thing
When to Use Semantic HTML Elements Instead of Divs
17:57
Craig A. Bourne
Рет қаралды 39 М.
Semantic HTML Tags | HTML5 Semantic Elements Tutorial
24:38
Dave Gray
Рет қаралды 50 М.
Fortunately, Ultraman protects me  #shorts #ultraman #ultramantiga #liveaction
00:10
10 CSS Pro Tips - Code this, NOT that!
9:39
Fireship
Рет қаралды 2,2 МЛН
Lets Learn the Basics of CSS (Beginner) - 1 on 1 Recorded Lesson
54:12
Separation Of Concerns Web Dev in 15 minutes (Beginner)
15:00
Ethan Eisenhard
Рет қаралды 675
HTML Tutorial for Beginners: HTML Crash Course
1:09:34
Programming with Mosh
Рет қаралды 9 МЛН
5 CSS mistakes that I see way too often
19:03
Kevin Powell
Рет қаралды 359 М.
HTML section elements are a lie (sort of)
7:59
Kevin Powell
Рет қаралды 137 М.
What is HTML5 Semantic Markup - Colt's Code Camp
25:08
Colt Steele
Рет қаралды 25 М.
HTML Crash Course For Absolute Beginners
1:00:42
Traversy Media
Рет қаралды 7 МЛН