Impara HTML in 45 lezioni

Da zero a un sito vetrina completo: semantica HTML5, form, accessibilità e basi di CSS responsive.

Corso progressivo di HTML e basi CSS per principianti. Imparerai a costruire pagine semantiche, form accessibili, layout responsive e un progetto finale pubblicabile sul web.

50 lezioni Principiante 23 pubblicate (46%)

Introduzione al web e HTML

#1 Cos'è HTML e come funziona il web

#2 Anatomia di un documento HTML5

#3 Head, meta tag e charset

#4 Il primo file HTML

#5 Validazione HTML con DevTools

Testo e contenuti

#6 Titoli h1-h6 e paragrafi

#7 Liste ordinate, non ordinate e di definizione

#8 Link, anchor e percorsi URL

#9 Immagini: src, alt e performance

#10 Tabelle HTML: thead, tbody, th e td

HTML semantico

#11 div vs section vs article

#12 header, footer, nav e main

#13 figure, figcaption e cite

#14 aside e landmark ARIA

#15 Outline del documento e SEO semantico

Form e input

#16 Struttura di un form HTML

#17 Input text, email, password e number

#18 select, textarea e label associati

#19 fieldset, legend e raggruppamento

#20 Validazione HTML5 lato client

CSS essenziale con HTML

#21 Collegare CSS a una pagina HTML

#22 Selettori element, class e id

#23 Il box model spiegato

#24 Colori, font e line-height

#25 Ereditarietà e cascata CSS

Layout con CSS

#26 display block, inline e inline-block

#27 Introduzione a Flexbox

#28 Layout pratici con Flexbox

#29 Introduzione a CSS Grid

#30 Centrare elementi in CSS

Design responsive

#31 Viewport e approccio mobile first

#32 Media queries: esempi pratici

#33 Immagini e video responsive

#34 Layout responsive con Flexbox e Grid

#35 Test cross-browser e dispositivi

Multimedia e HTML avanzato

#36 Audio e video in HTML5

#37 iframe ed embed sicuri

#38 Attributi data-* personalizzati

#39 details, summary e dialog

#40 template e contenuti riutilizzabili

Progetto finale

#41 Progetto: struttura landing page

#42 Progetto: form di contatto accessibile

#43 Progetto: layout blog semantico

#44 Ottimizzazione SEO on-page in HTML

#45 Pubblicare il sito vetrina finale

Bonus Bonus

#46 SVG inline nel markup

#47 Microdata e Schema.org base

#48 Dark mode con prefers-color-scheme

#49 CSS per la stampa

#50 Deploy di un sito statico