Quindi vuoi imparare HTML.
Ottimo.
Questo significa che sei pronto a scoprire come vengono costruiti i siti web, perché i browser mostrano le cose in un certo modo e perché ogni sviluppatore web, almeno una volta nella vita, ha scritto:
<h1>Ciao, mondo!</h1>
e si è sentito stranamente potente.
HTML è la base del web.
Senza HTML, i siti sarebbero come case senza muri, libri senza pagine o caffè senza caffeina.
Tecnicamente possibile.
Emotivamente inaccettabile.
Che cos’è HTML?
HTML significa HyperText Markup Language.
Sembra complicato.
Ma niente panico.
HTML è semplicemente il linguaggio usato per strutturare le pagine web.
Dice al browser che cosa rappresenta ogni parte della pagina:
- questo è un titolo,
- questo è un paragrafo,
- questo è un link,
- questa è un’immagine,
- questa è una lista,
- questo è un form,
- questo è un pulsante,
- e questo probabilmente è il punto in cui qualcuno ha dimenticato di chiudere un tag.
HTML non “programma” davvero il comportamento.
Descrive il contenuto.
Pensa a HTML come allo scheletro di un sito web.
CSS lo rende bello.
JavaScript lo rende interattivo.
Ma HTML dice:
“Ecco il contenuto. Per favore, mostralo come una vera pagina web.”
Molto calmo.
Molto importante.
Molto sottovalutato.
Perché imparare HTML?
Perché lo sviluppo web inizia da HTML.
Prima di costruire layout eleganti, animazioni, dashboard, web app, API e pulsanti che fanno cose sospettosamente intelligenti, devi capire la struttura di una pagina.
HTML è il primo mattone.
E sì, può sembrare semplice.
Ma semplice non significa inutile.
Anche una casa inizia dai mattoni.
A meno che tu non voglia costruirla solo con pura fiducia in te stesso, cosa che non consiglio.
HTML ti aiuta a capire come sono fatti davvero i siti web.
Ti dà controllo sul contenuto.
Ti permette di creare pagine reali.
E ti dà quella meravigliosa possibilità di dire:
“Ho costruito questa pagina da solo.”
Che è una frase bellissima.
Anche se la prima versione sembra progettata da una stampante assonnata.
HTML è adatto ai principianti
La buona notizia: HTML è una delle tecnologie più semplici con cui iniziare.
Non ti serve matematica avanzata.
Non ti serve un computer potentissimo.
Non devi capire algoritmi, database o perché JavaScript a volte si comporta come un procione dentro una tastiera.
Puoi iniziare con un semplice editor di testo e un browser.
Tutto qui.
Per esempio:
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<title>La mia prima pagina</title>
</head>
<body>
<h1>Ciao, web!</h1>
<p>Questa è la mia prima pagina HTML.</p>
</body>
</html>
Salva il file.
Aprilo nel browser.
Boom.
Hai una pagina web.
Piccola?
Sì.
Bellissima?
Forse non ancora.
Tua?
Assolutamente.
E questo conta.
HTML dà significato al contenuto
HTML non serve solo a mettere testo su una pagina.
Serve anche a dare significato.
Per esempio, un titolo non è solo testo grande.
È un titolo.
Un paragrafo non è solo un gruppo casuale di parole.
È un paragrafo.
Un link non è solo testo blu sottolineato dell’antico internet.
È un collegamento a un’altra pagina.
HTML dà struttura e significato al contenuto.
Questo è importante per:
- browser,
- motori di ricerca,
- strumenti di accessibilità,
- screen reader,
- utenti,
- e il te del futuro, che aprirà il file tra tre mesi e si chiederà cosa stesse pensando il te del passato.
Un buon HTML rende la pagina più facile da leggere, capire, stilizzare e mantenere.
Un cattivo HTML a volte funziona comunque.
Ma anche tenere il laptop in equilibrio su un ginocchio mentre bevi caffè funziona.
Questo non lo rende una buona idea.
I tag HTML: i mattoni della pagina
HTML è costruito con i tag.
I tag di solito arrivano in coppia:
<p>Questo è un paragrafo.</p>
Il primo tag apre l’elemento.
Il secondo tag lo chiude.
Molto educato.
Molto ordinato.
Quasi sempre.
Alcuni tag non hanno bisogno di chiusura, come le immagini:
<img src="gatto.jpg" alt="Un gatto molto serio">
Il browser legge questi tag e costruisce la pagina.
Tu scrivi le istruzioni.
Il browser le segue.
Di solito.
Se qualcosa appare strano, c’è una buona possibilità che tu abbia dimenticato un tag di chiusura e che il browser stia gentilmente improvvisando.
I browser perdonano molto.
A volte troppo.
Come un insegnante che ti fa passare, ma ti guarda con delusione.
Cosa puoi creare con HTML?
Con HTML puoi creare la struttura di quasi qualsiasi pagina web.
Puoi costruire:
- pagine personali,
- post del blog,
- landing page,
- pagine di corsi,
- portfolio,
- documentazione,
- siti semplici,
- form,
- menu di navigazione,
- gallerie di immagini,
- e la prima versione praticamente di ogni progetto web.
HTML da solo non renderà il tuo sito elegante.
Quello è il territorio di CSS.
HTML da solo non renderà il tuo sito interattivo.
Quello è il territorio di JavaScript.
Ma senza HTML, non c’è niente da stilizzare e niente con cui interagire.
HTML è il palco.
Tutto il resto ci recita sopra.
Di cosa parla questo corso?
Questo corso HTML è pensato per veri principianti.
Non “principianti” che conoscono già cinque framework e dicono casualmente cose tipo:
“Mi serve solo una strategia di markup semantico per questo componente.”
No.
Principianti veri.
Persone che vogliono capire come funzionano le pagine web dalle basi.
In questo corso imparerai:
- che cos’è HTML,
- com’è strutturato un documento HTML,
- come funzionano titoli e paragrafi,
- come creare link,
- come aggiungere immagini,
- come costruire liste,
- come creare tabelle,
- come funzionano i form,
- come gli input raccolgono informazioni,
- come l’HTML semantico migliora le tue pagine,
- e come costruire pagine semplici senza sentirti attaccato personalmente da internet.
Terremo tutto pratico.
Terremo tutto chiaro.
E sì, terremo anche un po’ di umorismo, perché imparare HTML non dovrebbe sembrare leggere le istruzioni di una lavatrice in uno scantinato.
HTML e il browser
Una cosa bellissima di HTML è che puoi vedere i risultati molto velocemente.
Scrivi qualcosa.
Salvi il file.
Aggiorni il browser.
Qualcosa appare.
A volte appare esattamente come ti aspettavi.
A volte appare in un modo che ti fa sussurrare:
“Non era questo che avevo ordinato.”
Fa parte dell’apprendimento.
Il browser è il tuo campo di prova.
Puoi sperimentare.
Cambiare un titolo.
Aggiungere un paragrafo.
Inserire un link.
Rompere qualcosa.
Sistemarlo.
Romperlo di nuovo.
Sistemarlo meglio.
Questo non è fallimento.
È lo sviluppo web che si sta riscaldando.
La tua prima pagina HTML
Una pagina HTML di base di solito appare così:
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Il mio sito</title>
</head>
<body>
<h1>Benvenuto nel mio sito</h1>
<p>Qui inizia il mio viaggio nello sviluppo web.</p>
<a href="https://example.com">Visita un altro sito</a>
</body>
</html>
Può sembrare piccola, ma contiene già parti importanti:
<!DOCTYPE html>dice al browser che stai usando HTML moderno.<html>racchiude tutta la pagina.<head>contiene informazioni sulla pagina.<body>contiene ciò che le persone vedono davvero.<h1>crea il titolo principale.<p>crea un paragrafo.<a>crea un link.
Questo è l’inizio.
Non ancora glamour.
Ma molto potente.
Come un piccolo trattore.
Perché HTML è ancora importante
Alcune persone pensano che HTML sia “troppo base”.
Queste persone si sbagliano.
Con educazione, ma si sbagliano.
Lo sviluppo web moderno dipende ancora da HTML.
React usa JSX, che assomiglia molto a HTML.
Next.js renderizza HTML.
Astro produce HTML.
I browser capiscono HTML.
I motori di ricerca leggono HTML.
Gli screen reader dipendono da HTML scritto bene.
Ogni sito che visiti è costruito su HTML in qualche forma.
Quindi sì, HTML è una base.
Ma una base come le fondamenta di una casa.
Ignorala, e prima o poi qualcosa crolla.
Forse il layout.
Forse la tua fiducia.
Errori comuni dei principianti
Quando impari HTML, probabilmente farai alcuni errori classici.
Potresti dimenticare di chiudere un tag.
Potresti mettere elementi in posti strani.
Potresti usare sei tag <br> invece di una spaziatura fatta bene.
Potresti aggiungere un’immagine e chiederti perché non appare.
Potresti creare un link che non porta assolutamente da nessuna parte.
È normale.
Ogni sviluppatore ha scritto HTML disordinato almeno una volta.
Alcuni lo fanno ancora.
Ma con la pratica inizierai a scrivere una struttura più pulita e più significativa.
Le tue pagine diventeranno più facili da stilizzare.
Il tuo contenuto avrà più senso.
E il browser avrà meno motivi per improvvisare come un musicista jazz in panico.
Per chi è questo corso?
Questo corso è per te se:
- sei completamente nuovo nello sviluppo web,
- vuoi costruire il tuo primo sito,
- vuoi capire come sono strutturate le pagine web,
- hai già provato HTML ma vuoi una spiegazione più chiara,
- vuoi imparare prima di passare a CSS e JavaScript,
- vuoi un corso per principianti che non tratti le domande semplici come crimini.
Le domande semplici sono buone.
Le domande semplici sono il modo in cui si impara.
Ogni esperto una volta ha chiesto:
“Perché non si vede nel browser?”
Poi ha aggiornato la pagina 17 volte e ha scoperto che il file non era stato salvato.
Tradizione.
Perché iniziare da HTML?
Perché HTML ti dà fiducia velocemente.
Puoi creare qualcosa di visibile in pochi minuti.
Questo è potente per un principiante.
Non stai solo imparando teoria.
Stai costruendo.
Anche una piccola pagina dà soddisfazione quando l’hai fatta tu.
E quando capisci HTML, CSS diventa più facile.
JavaScript diventa più chiaro.
I framework hanno più senso.
Tutto il web inizia a sembrare meno misterioso.
Ancora caotico.
Ma meno misterioso.
E questo è progresso.
Pronto per iniziare?
HTML è il primo vero passo nello sviluppo web.
È abbastanza semplice per iniziare.
Abbastanza importante da prendere sul serio.
E abbastanza utile da accompagnarti per tutto il tempo in cui costruirai siti web.
Alla fine di questo corso capirai come sono strutturate le pagine web e come costruire le tue pagine da zero.
Forse non diventerai un mago del web in una notte.
Ma smetterai di vedere i siti come magia.
Ed è già un ottimo inizio.
Inizia il corso HTML
Pronto a costruire le tue prime vere pagine web?
Puoi iniziare il corso completo di HTML qui:
Porta il laptop.
Porta la curiosità.
Porta pazienza.
E sì, preparati comunque ad aiutare tua nonna con il Wi-Fi.