Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Progetto Finale: Step 1

Ora che conosci struttura, testo, liste, link, immagini, form, layout semantico e tabelle, mettili insieme in un’unica pagina.

Consegna

Crea una pagina HTML (solo HTML) che rappresenti la scheda di un prodotto, a tua scelta (un oggetto, un videogioco, un libro, un dispositivo… fai tu).

La pagina deve contenere obbligatoriamente:

  • struttura semantica (<header>, <main>, <footer> almeno)
  • un <h1> col nome del prodotto
  • almeno un’immagine del prodotto con alt descrittivo
  • una lista (puntata o numerata) con almeno 3 caratteristiche/funzionalità del prodotto
  • una tabella con almeno 2 righe di specifiche tecniche (es. “Specifica / Valore”)
  • un form “Richiedi informazioni” o “Contatta il venditore” con almeno 3 campi diversi (testo, email, e uno tra checkbox/radio/select) e method="post"

Vincoli

  • Il codice deve essere HTML valido (niente tag non chiusi, attributi senza virgolette)
  • Usa i tag semantici dove ha senso, non solo <div>
  • Ogni <label> deve essere collegata correttamente al suo <input>