Scheda corso

Traccia

Realizza una scheda informativa per presentare un corso con programma, destinatari e invito all’iscrizione.

Requisiti richiesti

• Apri con un titolo esplicito del corso.
• Dividi descrizione, programma, durata e destinatari.
• Usa liste per rendere leggibile il programma.
• Inserisci una call to action finale con link o pulsante testuale.

Procedura guidata

1. Crea un nuovo file con nome chiaro, ad esempio 02-scheda-corso.html.
2. Inserisci la struttura base del documento o lavora dentro il main se il layout è già pronto.
3. Aggiungi titoli, paragrafi, liste, immagini o form richiesti dalla traccia.
4. Apri il file nel browser e verifica che i contenuti siano nell’ordine corretto.
5. Valida il codice e correggi eventuali tag non chiusi o attributi mancanti.

Base di partenza

Il codice seguente non è l’unica soluzione possibile: usalo come riferimento e personalizzalo.

<main>
  <article>
    <header>
      <h1>Corso base di HTML5</h1>
      <p>Un percorso introduttivo per creare pagine web ordinate e accessibili.</p>
    </header>
    <section>
      <h2>Programma</h2>
      <ol>
        <li>Struttura del documento</li>
        <li>Testi, link e immagini</li>
        <li>Form e tabelle</li>
      </ol>
    </section>
    <section>
      <h2>Destinatari</h2>
      <p>Principianti, studenti e persone che vogliono aggiornare un sito esistente.</p>
    </section>
    <p><a href="contatti.html">Richiedi informazioni</a></p>
  </article>
</main>

Checklist di controllo

• ✓Semantica: i tag descrivono il ruolo reale dei contenuti.
• ✓Accessibilità: immagini, form e link sono comprensibili anche fuori dal contesto visivo.
• ✓Ordine: c’è un solo h1 e i titoli non saltano livello senza motivo.
• ✓Percorsi: link, immagini e file collegati usano nomi corretti.