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

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

Referenze

<hr>Inserisce una linea orizzontale
downloadConsente di scaricare file al click di collegamento ipertestuale.
classDefinisce una o più classi per elemento
<cite>Inserisce citazioni e menzioni riguardo un'opera creativa.
<address> Definisce una sezione contenente indirizzi, contatti e informazioni
<div>Crea contenitori generici o sezioni in una pagina

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Esercitazione informatica(2)

Stuff and Things

Scheda Tecnica Google Pixel 8 Pro

Un Giorno a Napoli: Itinerario Det

progetto 3 morra cinese

form registrazione sportiva

HTML Schwabisch

es da correggere

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;
}