Sito scolastico – Template base by @LeoMos2010 - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

<html>Tag primario di un documento HTML
headersDetermina la relazione tra celle e celle di intestazione di una tabella.
<abbr>Inserisce abbreviazioni e acronimi
sizeDetermina le dimensioni dell'elemento in base al valore contenuto
formenctypeDefinisce il tipo di codifica dei dati di un elemento input
<tr>Definisce le righe di una tabella (rows)

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

pablo_escobar_avanzata.html.

Template prodotti generici

Curriculum definitivo

HTML - Esercizi

Heads Or Tails Tally

formula1_avanzata.html.

Form Raccolta Segnalazioni Immobil

fibonacci manoel

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sito scolastico – Template base</title>

</head>
<body>

<header>
    <h1>Sito scolastico</h1>
    <nav>
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Chi siamo</a></li>
            <li><a href="#">Progetti</a></li>
            <li><a href="#">Contatti</a></li>
        </ul>
    </nav>
</header>

<main>
    <section>
        <h2>Contenuto principale</h2>
        <p>
            Questa pagina contiene tutti gli elementi HTML di base per verificare
            che lo stile sia uniforme. Da qui puoi copiare la struttura per creare
            più pagine.
        </p>

        <h3>Lista</h3>
        <ul>
            <li>Elemento uno</li>
            <li>Elemento due</li>
            <li>Elemento tre</li>
        </ul>

        <h3>Tabella</h3>
        <table>
            <tr>
                <th>Nome</th>
                <th>Classe</th>
                <th>Voto</th>
            </tr>
            <tr>
                <td>Mario</td>
                <td>3A</td>
                <td>8</td>
            </tr>
            <tr>
                <td>Luigi</td>
                <td>3A</td>
                <td>7</td>
            </tr>
        </table>

        <h3>Form di esempio</h3>
        <form>
            <label for="nome">Nome</label>
            <input type="text" id="nome" name="nome">

            <label for="email">Email</label>
            <input type="email" id="email" name="email">

            <label for="messaggio">Messaggio</label>
            <textarea id="messaggio" name="messaggio"></textarea>

            <button type="submit">Invia</button>
        </form>
    </section>

    <aside>
        <h2>Sidebar</h2>
        <p>
            Qui puoi inserire avvisi, link rapidi o informazioni secondarie.
        </p>
    </aside>
</main>

<footer>
    <p>© 2026 - Sito scolastico</p>
</footer>

</body>
</html>

* { /*uguale su tutti ibrowser(bo me la detto chatgpt)*/
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


nav ul { // navbar unita
  list-style: none;
  display: flex;
  gap: 60px;
  flex-wrap: wrap;
}

main {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 1rem;
}