0Pricing
HTML Academy icon

HTML Academy

HTMLWebFrontendBeginner

Costruisci solide fondamenta nello sviluppo web imparando HTML presso HTML Academy.

🤖 Alimentato da IA📚 40 corsi👥 100.000+ studenti⭐ Valutazione 4,9
Panoramica del Corso

HTML: Il Linguaggio Dietro Ogni Pagina Web

HTML è la fondazione strutturale del web — ogni scheda del browser, invio di modulo e video incorporato inizia con markup. Questo percorso costruisce una vera fluidità in HTML, dalle regole che governano un documento valido alle API del browser e ai modelli di componenti utilizzati nei siti di produzione moderni. L'obiettivo non è solo scrivere tag, ma comprendere perché ogni elemento esiste e cosa segnala ai browser, alle tecnologie assistive e ai motori di ricerca.

Cosa Imparerai

Inizierai con la struttura del documento, i contenuti testuali, i link, le immagini e gli elenchi, quindi passerai a tabelle, moduli e attributi di convalida dei moduli. Il percorso copre gli elementi semantici HTML5, il <head> e i metadati, audio e video, e i fondamenti dell'accessibilità, inclusi i ruoli e gli attributi ARIA. I corsi successivi affrontano gli attributi di dati personalizzati, i template HTML, gli elementi Canvas e SVG, Web Storage, l'API Drag and Drop, i tag meta SEO e social, e i template di email HTML. Le sezioni avanzate approfondiscono Shadow DOM, Web Components e elementi personalizzati, moduli HTML e mappe di importazione, progressive enhancement, internazionalizzazione, sicurezza, l'API History e Navigation, l'Intersection Observer e la creazione di HTML per Progressive Web App.

Il Percorso di Apprendimento

Quaranta corsi progrediscono da A1 attraverso A2 e B1 a B2, terminando con un capstone C1 su HTML at Scale. I corsi A1 e A2 stabiliscono gli elementi essenziali — struttura del documento, elementi semantici, moduli e metadati. B1 introduce accessibilità, ARIA, Canvas, SVG e archiviazione del browser. B2 è il blocco più grande, che copre Web Components, Shadow DOM, performance, sicurezza, internazionalizzazione e l'Intersection Observer. Il corso finale C1, HTML at Scale, affronta i modelli e i vincoli che contano quando HTML viene creato, testato e mantenuto in grandi basi di codice.

Come Funziona

Ogni corso è suddiviso in lezioni brevi e pratiche che completi nell'editor di codice integrato con feedback in tempo reale. Un tutor AI è disponibile ogni volta che rimani bloccato e avanzi al tuo ritmo — ogni lezione è autonoma, quindi puoi tornare a qualsiasi argomento come riferimento in seguito.

Inizia a Imparare →

Come Imparerai

🎯
Lezioni Interattive
Esercizi di codifica pratici con feedback in tempo reale
🤖
Tutor IA
Ricevi aiuto istantaneo dalla nostra IA quando sei bloccato
💻
Editor Integrato
Scrivi ed esegui il codice direttamente nel tuo browser
🏆
Certificato
Guadagna un certificato al completamento del corso
Curriculum

40 Corsi

Ogni corso nel percorso di apprendimento HTML Academy.

01

Struttura dei documenti HTML

A13 lezioni

Impari come i browser analizzano l’HTML, a cosa serve DOCTYPE e come gli elementi html, head e body organizzano ogni pagina web.

02

Elementi per i contenuti testuali

A14 lezioniPRO

Padroneggi titoli, paragrafi, enfasi, elementi inline e gestione degli spazi bianchi con i tag testuali HTML.

03

Link e navigazione

A14 lezioniPRO

Costruisca la navigazione con elementi anchor, URL assoluti e relativi, link che aprono una nuova scheda e identificatori di frammento.

04

Immagini e figure

A14 lezioniPRO

Visualizzi immagini responsive con img, srcset, l’elemento picture e didascalie semantiche figure.

05

Elenchi

A14 lezioniPRO

Crei elenchi non ordinati, ordinati e descrittivi con un corretto annidamento e un significato semantico appropriato.

06

Tabelle

A24 lezioniPRO

Costruisca tabelle di dati accessibili con una struttura corretta, celle unite e sezioni della tabella.

07

Attributi HTML e attributi globali

A24 lezioniPRO

Comprenda gli attributi id, class, style, hidden, tabindex e i custom data-* utilizzati in tutti gli elementi HTML.

08

Fondamenti dei moduli HTML

A24 lezioniPRO

Costruisca moduli web accessibili con tipi di input, label, pulsanti e gli attributi action e method dell’elemento form.

09

Controlli avanzati dei moduli

A24 lezioniPRO

Arricchisca i moduli con menu a discesa, textarea, gruppi di checkbox, pulsanti radio e completamento automatico con datalist.

10

Attributi per la validazione dei moduli

A24 lezioniPRO

Utilizzi attributi di validazione HTML5 come required, pattern, min e max per validare i dati inseriti dall’utente prima dell’invio.

11

HTML5 semantico

A24 lezioniPRO

Sostituisca i div generici con elementi HTML5 dotati di significato, come header, nav, main, footer, article e section.

12

Altri elementi semantici

A24 lezioniPRO

Esplori aside, details, summary, progress e meter per aggiungere maggiore significato e interattività alle pagine.

13

Head HTML e metadati

A24 lezioniPRO

Padroneggi la sezione head: title, meta tag, viewport, URL canonici, direttive robots e favicon.

14

Elementi audio e video

A24 lezioniPRO

Incorpori audio e video in modo nativo con HTML5, fornisca più formati e aggiunga sottotitoli con track e WebVTT.

15

Fondamenti dell’accessibilità HTML

B14 lezioniPRO

Comprenda i livelli WCAG, la gerarchia dei titoli, le strategie per il testo alternativo e la navigazione da tastiera per pagine web inclus…

16

Ruoli e attributi ARIA

B14 lezioniPRO

Migliori l’accessibilità con ruoli, label e descrizioni ARIA, seguendo il principio di utilizzare prima gli elementi HTML nativi.

17

Attributi data personalizzati

B14 lezioniPRO

Memorizzi e acceda ai metadati personalizzati degli elementi HTML usando gli attributi data-*, l’API dataset e i selettori CSS.

18

Template HTML

B14 lezioniPRO

Utilizzi l’elemento template per definire markup inattivo, lo cloni in modo efficiente e lo confronti con il rendering basato su innerHTML.

19

Elemento Canvas

B14 lezioniPRO

Disegni forme, testo e immagini su un canvas 2D e li animi con requestAnimationFrame.

20

SVG in HTML

B14 lezioniPRO

Incorpori grafica vettoriale scalabile inline, utilizzi forme di base, controlli il viewBox e animi SVG con CSS.

21

iframe e contenuti incorporati

B14 lezioniPRO

Incorpori contenuti esterni con iframe, comprenda l’isolamento sandbox per la sicurezza e utilizzi il lazy loading per migliorare le presta…

22

Web Storage HTML

B14 lezioniPRO

Memorizzi dati lato client con localStorage e sessionStorage, ascolti gli eventi storage e segua le linee guida di sicurezza.

23

API Drag and Drop

B14 lezioniPRO

Implementi interazioni di trascinamento e rilascio con l’API HTML5 Drag and Drop e l’oggetto dataTransfer.

24

SEO e metadati social

B14 lezioniPRO

Ottimizzi le pagine per i motori di ricerca e la condivisione sui social con OpenGraph, Twitter Cards, JSON-LD e hreflang.

25

Template HTML per email

B14 lezioniPRO

Costruisca HTML compatibile con le email usando layout basati su tabelle, stili inline e tecniche per le immagini compatibili con diversi c…

26

Pattern ARIA avanzati

B24 lezioniPRO

Implementi pattern per controlli toggle, interfacce a schede e regioni live, quindi esegua test con screen reader reali.

27

Prestazioni HTML

B24 lezioniPRO

Velocizzi il caricamento delle pagine con gli script async e defer, i suggerimenti preload, le immagini a caricamento differito e i resourc…

28

Web Components e Custom Elements

B24 lezioniPRO

Definisca elementi HTML personalizzati e riutilizzabili con la Custom Elements API, i callback del ciclo di vita e gli attributi osservati.

29

Shadow DOM

B24 lezioniPRO

Incapsuli markup e stili nello Shadow DOM, distribuisca i contenuti con gli slot ed esponga API di stile con part.

30

Moduli HTML e Import Maps

B24 lezioniPRO

Utilizzi script ES module, import maps per gli identificatori nudi, importazioni dinamiche e i concetti di module federation.

31

Progressive enhancement

B24 lezioniPRO

Costruisca secondo il principio del progressive enhancement: parta da HTML solido, aggiunga livelli di CSS e JavaScript e rilevi correttame…

32

Internazionalizzazione

B24 lezioniPRO

Prepari l’HTML per un pubblico internazionale con lang, dir, bdi, bdo, charset e il supporto per il testo da destra a sinistra.

33

Sicurezza HTML

B24 lezioniPRO

Protegga le pagine da XSS, clickjacking e attacchi di injection con CSP, sandboxing, SRI e pratiche sicure per la gestione dell’HTML.

34

API avanzate per i form HTML

B24 lezioniPRO

Utilizzi FormData, la Constraint Validation API, i messaggi di validità personalizzati e la gestione dello stato dei form.

35

API History e Navigation di HTML

B24 lezioniPRO

Gestisca la cronologia del browser con pushState, gli eventi popstate e la moderna Navigation API per il routing delle SPA.

36

Intersection Observer

B24 lezioniPRO

Utilizzi IntersectionObserver per implementare il caricamento differito, lo scorrimento infinito e i trigger per animazioni collegate allo…

37

HTML per le PWA

B24 lezioniPRO

Configuri le progressive web app con il manifest dell’app web, la registrazione del service worker e le pagine di fallback offline.

38

Validazione e test dell’HTML

B24 lezioniPRO

Convalidi il markup con W3C Validator, analizzi l’HTML con Lighthouse e testi l’accessibilità con pa11y e axe.

39

Il futuro dell’HTML

B24 lezioniPRO

Esplori le funzionalità HTML emergenti: Declarative Shadow DOM, Popover API, selectlist e attributi command.

40

HTML su larga scala

C14 lezioniPRO

Gestisca l’HTML nei progetti di grandi dimensioni con l’estrazione dei componenti, i template lato server, i design system e la documentazi…

FAQ

Domande Frequenti

Il corso HTML Academy è gratuito?

Sì. Puoi iniziare il corso HTML Academy gratuitamente e completare le sue lezioni interattive senza costi. Un abbonamento PRO opzionale sblocca strumenti IA avanzati e un certificato condivisibile.

Serve esperienza precedente per imparare HTML?

No. Il corso inizia con i fondamenti e prosegue gradualmente verso argomenti più avanzati, quindi puoi iniziare anche senza alcuna esperienza precedente in HTML.

Come imparerò HTML su CoddyKit?

Impari facendo. Brevi lezioni interattive abbinano una spiegazione chiara a un esercizio di codifica pratico che gira in tempo reale, e un tutor IA disponibile 24/7 offre aiuto personalizzato quando rimani bloccato.

Ricevo un certificato per il completamento di HTML Academy?

Sì. Gli studenti PRO possono sostenere un esame e guadagnare un certificato condivisibile di completamento con un codice verificabile per il corso HTML Academy.

Posso imparare HTML dal mio telefono?

Sì. CoddyKit è disponibile sul web e come app native iOS e Android, quindi puoi imparare HTML su qualsiasi dispositivo e i tuoi progressi si sincronizzano tra loro.

Inizia HTML Academy Ora

Unisciti a migliaia di studenti che imparano la programmazione con lezioni potenziate dall'IA.

Inizia Gratis →Sfoglia Tutti i Corsi