Vediamo come creare la struttura base Html5 per una pagina che potremo poi utilizzare durante lo sviluppo di un layout per un sito web.
Questa è la struttura base Html5 del tuo sito/applicazione:
<!DOCTYPE html>
<html>
<head>
<style>
div.container {
width: 100%;
border: 1px solid gray;
}
header, footer {
padding: 1em;
color: white;
background-color: #1C3AA9;
clear: left;
text-align: center;
}
nav {
float: left;
max-width: 160px;
margin: 0;
padding: 1em;
}
nav ul {
list-style-type: none;
padding: 0;
}
nav ul a {
text-decoration: none;
}
article {
margin-left: 170px;
border-left: 1px solid gray;
padding: 1em;
overflow: hidden;
}
</style>
</head>
<body>
<div class="container">
<header>
<h1>Nome Pagina</h1>
</header>
<nav>
<ul>
<li><a href="#">Li2k 1</li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</nav>
<article>
<h1>Titolo</h1>
<p>In questo testo potrai personalizzare sia font, il contenuto, gli stile a piacimento, senza alcun limite.</p>
<p>In questo testo potrai personalizzare sia font, il contenuto, gli stile a piacimento, senza alcun limite.</p>
</article>
<footer>Copyright © Metti qui il tuo Nome</footer>
</div>
</body>
</html>
Please follow and like us: