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

html html5 structure page

19th Feb 2017, 6:10 PM

Hamza

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

+ 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

+ 1

19th Feb 2017, 6:19 PM

Andre van Rensburg

+ 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

- 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