HTML5 page structure

Hello coders, This is my first question on sololearn so please pardon any mistakes. I've finished the html5 course about i really can't understand how the page structure works (<header>,<nav>,<article>,<section>,<aside>...) Could anyone please show me an example of a page working on this basic structure. It would help me a lot to understand the use of these tags. Thanks

19th Feb 2017, 6:10 PM
Hamza - avatar
5 Answers
+ 5
<!DOCTYPE html> <html> <head> <meta charset="utf_8"> <title>Test</title> </head> <body> <header> <img class="logo" src="logo.png" alt="logo"> <nav> <ul> <li>Home</li> <li>Services</li> <li>Contact</li> </ul> </nav> </header> <section> <article> This Is Article with BLA BLA BLA .... </article> <aside> <h1>Top Members</h1> <ul> <li>Hamza</li> <li>Abdou</li> <li>Karim</li> </ul> </aside> </section> <footer> All Rights Reserved By sololearn.com </footer> </body> </html>
19th Feb 2017, 7:59 PM
BOUTAYEB Abdelilah
BOUTAYEB Abdelilah - avatar
+ 2
You must to do this with Html5 ( the <aside> section in the code of the answer of @BOUTAYEB Abdelilah, in example ) AND style it with Css, as a "sidebar that works independantly from the rest of the page" isn't the default behavior :P
19th Feb 2017, 10:58 PM
visph - avatar
+ 1
19th Feb 2017, 6:19 PM
Andre van Rensburg
Andre van Rensburg - avatar
+ 1
thank you for your answers! it is much more clear in my head. but if i want To creat a sidebar that works independantly from the rest of the page, can i do this with HTML5 or CSS is necessary ?
19th Feb 2017, 8:10 PM
Hamza - avatar
- 1
if you go create a web app here in the code playground. it will give you a very basic template. start there then expand.
19th Feb 2017, 6:58 PM
Michael Szczepanski
Michael Szczepanski - avatar