Tutte le lezioni HTML5.
Un programma ordinato per imparare a creare pagine web partendo da zero e arrivando a un piccolo progetto finale.
Cos’è HTML5 e a cosa serve
Capire il ruolo di HTML5 nella costruzione di una pagina web e distinguere struttura, stile e comportamento.
Apri la lezione → StrutturaStruttura base di una pagina HTML5
Creare lo scheletro corretto di una pagina HTML con doctype, head, body, title e meta viewport.
Apri la lezione → TestiTitoli, paragrafi e testi in HTML
Organizzare i contenuti con titoli gerarchici, paragrafi, enfasi e interruzioni quando servono davvero.
Apri la lezione → NavigazioneLink interni, esterni e ancore
Creare collegamenti tra pagine, link verso siti esterni, email e punti interni della stessa pagina.
Apri la lezione → MediaImmagini e attributo ALT
Inserire immagini in modo corretto, usando percorsi ordinati, testo alternativo e dimensioni gestibili.
Apri la lezione → ContenutiListe ordinate e non ordinate
Usare elenchi puntati e numerati per procedure, caratteristiche, menu e contenuti strutturati.
Apri la lezione → TabelleTabelle HTML: quando usarle e come strutturarle
Creare tabelle per dati tabellari usando intestazioni, righe e celle in modo corretto.
Apri la lezione → FormForm HTML5 e campi di input
Creare moduli con campi testo, email, password, select, checkbox, radio button e pulsanti.
Apri la lezione → SemanticaTag semantici HTML5
Usare header, nav, main, section, article, aside e footer per dare significato alla pagina.
Apri la lezione → MultimediaAudio e video in HTML5
Inserire contenuti multimediali con controlli, fallback e attenzione a peso e accessibilità.
Apri la lezione → SEOMeta tag e basi SEO per HTML5
Scrivere title, description, canonical e struttura dei titoli per rendere la pagina più comprensibile.
Apri la lezione → AccessibilitàAccessibilità HTML: basi indispensabili
Creare pagine più usabili con testi alternativi, label, ordine dei titoli e link comprensibili.
Apri la lezione → QualitàValidare una pagina HTML
Controllare errori di sintassi, tag non chiusi, attributi sbagliati e struttura non valida.
Apri la lezione → ProgettoOrganizzare cartelle e file di un sito
Impostare una struttura ordinata con cartelle per CSS, immagini, script, pagine e include.
Apri la lezione → CSSCollegare un foglio CSS a HTML
Inserire correttamente un file CSS esterno e capire la differenza tra percorsi relativi e assoluti.
Apri la lezione → JavaScriptCollegare JavaScript a una pagina HTML
Aggiungere uno script esterno in modo ordinato, preferibilmente a fine body o con defer.
Apri la lezione → TestiEntità HTML e caratteri speciali
Scrivere simboli riservati, spazi particolari, virgolette e caratteri che hanno significato nel codice.
Apri la lezione → IncorporamentiIframe e contenuti incorporati
Inserire mappe, video e contenuti esterni in modo consapevole, curando dimensioni e privacy.
Apri la lezione → DebugErrori comuni dei principianti in HTML
Riconoscere e correggere errori frequenti: tag non chiusi, percorsi errati, attributi mancanti e struttura confusa.
Apri la lezione → Progetto finaleProgetto finale: mini sito personale
Realizzare un piccolo sito personale usando struttura HTML5, sezioni, link, immagini, form e organizzazione dei file.
Apri la lezione → ProgettiHTML per una landing page semplice
Costruire la struttura di una pagina promozionale con hero, benefici, sezioni, call to action e FAQ.
Apri la lezione → ProgettiHTML per una pagina articolo o blog
Strutturare un articolo con header, autore, data, sezioni, immagini, citazioni e contenuti correlati.
Apri la lezione → ExtraHTML per email: cosa cambia rispetto al web
Capire perché le email HTML richiedono regole più rigide e compatibilità diversa rispetto alle pagine web.
Apri la lezione → PubblicazionePubblicare una pagina HTML online
Preparare file, percorsi, homepage e controlli finali prima della pubblicazione su hosting.
Apri la lezione →