[HTML-Tutorial-6] | How to structure your web page & content? | Web Development for Beginners
How to structure & layout your web page & content using the newer HTML5 structural & semantic elements like header, footer, main, article, section & aside elements?
Structural Elements (Web Page):
https://juthikashetye.github.io/Code-...
Structural Elements (Code):
https://github.com/juthikashetye/Code...
Link to all demos from all tutorials:
https://juthikashetye.github.io/Code-...
Timestamps:
Objectives: 0:20
Importance of Web Design: 0:56
Structural and Semantic Elements in HTML5: 1:50
Header: 3:26
Headings: 4:50
Main: 6:09
Paragraph: 7:34
Article: 8:04
Section: 9:36
Aside: 10:49
Footer: 12:28
Review: 14:11
![[HTML-Tutorial-21] Creating Good HTML Code | HTML Best Practices | Coding Conventions & Standards](https://images.videosashka.com/watch/G_RFxbSH0-w)
![[HTML-Tutorial-20] Advanced HTML Form | Input Types & Form Elements | Web Development for Beginners](https://images.videosashka.com/watch/-xiXI7WT2ik)
![[HTML-Tutorial-19] Basic Form | form, input, label, button elements | Web Development for Beginners](https://images.videosashka.com/watch/2JrGepWlUvg)
![[HTML-Tutorial-18] Tables | table, th, td, tr, caption, colspan, rowspan | Web Development](https://images.videosashka.com/watch/ay1fi0pK2-0)
![[HTML-Tutorial-17] video, audio & iframe Elements | Multimedia | Web Development For Beginners](https://images.videosashka.com/watch/DBaZPyXNgpA)
![[HTML-Tutorial-16] figure & figcaption elements | Give a caption to your content | Web Development](https://images.videosashka.com/watch/uQlHjhUxLDc)
![[HTML-Tutorial-15] picture element | Responsive Images (Part -2) | Web Development for Beginners](https://images.videosashka.com/watch/EOmQXGrEMGs)
![[HTML-Tutorial-14] srcset & sizes Attributes | Responsive Images (Part -1) | Web Development](https://images.videosashka.com/watch/Y7FpDmszZm4)
![[HTML-Tutorial-13] img Element | Images | Width & Height Attributes in img as per new HTML standards](https://images.videosashka.com/watch/y4ywn917qTI)
![[HTML-Tutorial-12] nav Element | Navigation | Web Development for Beginners](https://images.videosashka.com/watch/xSTVTT3cx0w)
![[HTML-Tutorial-11] Hyperlinks / Links in HTML | Web Development for Beginners](https://images.videosashka.com/watch/AOtxzb_BKGQ)
![[HTML-Tutorial-10] Lists | Web Development for Beginners](https://images.videosashka.com/watch/deVNXZEc_g4)
![[HTML-Tutorial-9] | Small, Mark, Del & Ins, Sup & Sub | Formatting Elements | Web Development](https://images.videosashka.com/watch/aciQ9KwPOAQ)
![[HTML-Tutorial-8] | Bold & Italics | Formatting Elements | Web Development for Beginners](https://images.videosashka.com/watch/fPwCKxI5FUg)
![[HTML-Tutorial-7] | Heading, Paragraph, Line Break, Word Break, Horizontal Rule | Web Development](https://images.videosashka.com/watch/FJhL8SwS1Jw)
![[HTML-Tutorial-6] | How to structure your web page & content? | Web Development for Beginners](https://images.videosashka.com/watch/60YKxDgAZig)
![[HTML-Tutorial-5] Attributes, Semantic & Block-Inline Elements | Web Development for Beginners](https://images.videosashka.com/watch/LtWc8l2l7S0)
![[HTML-Tutorial-4] DOM | Basic Structure of HTML | Validators | Web Development for Beginners](https://images.videosashka.com/watch/OsBvTef2PYA)
![[HTML-Tutorial-3] Elements & Tags | Web development for beginners](https://images.videosashka.com/watch/16ZfBcaT6z8)
![[HTML-Tutorial-2] Creating your First Web Page & about Text Editors | Web development for beginners](https://images.videosashka.com/watch/Z9lELpuuka8)