Novo curso! Todo programador deveria aprender IA generativa!
Experimente uma aula grƔtis0
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
5 Respostas
+ 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>
+ 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
+ 1
<html><head><title></title></head><nav><ul><li></li></ul></nav><body><div><section></section></div><aside></aside></body></html>
+ 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 ?
- 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.