0
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.
Tens frequentemente perguntas como esta?
Aprende de forma mais eficiente, gratuitamente:
Popular hoje
Please recommend me
0 Votes
Can i code here? Or just learn?
0 Votes
Web development
0 Votes
It's app not running properly?
1 Votes
Why Lazy?
1 Votes