Come creare la struttura base Html5 per una pagina

come creare una struttura html5
come creare una struttura html5

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:

Secured By miniOrange