Questo corso HTML per sviluppatori web fornisce una panoramica solida per gli sviluppatori, dal livello di HTML principiante a quello esperto.
Ti diamo il benvenuto in HTML. HyperText Markup Language, o HTML, è la spina dorsale del web e fornisce i contenuti e la struttura di questi contenuti che vedi visualizzati nel browser web.
A meno che tu non stia leggendo un PDF o una versione stampata di questa pagina, questi contenuti sono costituiti da vari elementi HTML e testo. HTML è il livello di contenuti del web. Gli elementi HTML sono i nodi che compongono il Document Object Model.
I CSS (Cascading Style Sheets) forniscono l'aspetto o il livello di presentazione della pagina. JavaScript è il livello di comportamento, spesso utilizzato per manipolare gli oggetti all'interno di un documento. I siti realizzati con framework JavaScript in realtà manipolano solo l'HTML. A loro volta, è importante eseguire il markup dell'HTML in modo che gli script possano essere facilmente analizzati e le tecnologie per la disabilità possano essere facilmente comprese. Ciò significa scrivere codice HTML con standard moderni.
Panoramica
Questo corso HTML per sviluppatori web fornisce una panoramica solida per gli sviluppatori, dal livello di principiante a quello di esperto di HTML. Se non hai mai utilizzato HTML, scoprirai come creare contenuti strutturalmente corretti. Se crei siti web da anni, questo corso potrebbe colmare lacune di conoscenza che non sapevi nemmeno di avere.
Lungo questo percorso, creeremo la struttura di MachineLearningWorkshop.com. Nessuna macchina è stata danneggiata durante la creazione di questa serie.
Questo non è un riferimento completo. Ogni sezione introduce l'argomento con brevi spiegazioni ed esempi, offrendoti l'opportunità di approfondire. Saranno presenti link a riferimenti sugli argomenti, come le specifiche MDN e WHATWG e altri articoli di web.dev. Anche se non si tratta di un corso sull'accessibilità, ogni sezione includerà best practice e problemi specifici, con link a approfondimenti sull'argomento. Ogni sezione includerà una breve valutazione per aiutare le persone a verificare la propria comprensione.
Ecco cosa imparerai:
Panoramica di HTML
Una breve introduzione ai concetti chiave di HTML.
Struttura del documento
Scopri come strutturare i documenti HTML con una base solida.
Metadati
Come utilizzare i meta tag per fornire informazioni sui tuoi documenti.
HTML semantico
Utilizza gli elementi HTML corretti per descrivere i contenuti del documento.
Intestazioni e sezioni
Come utilizzare correttamente gli elementi di suddivisione per dare un significato ai tuoi contenuti.
Attributi
Scopri i diversi attributi globali e gli attributi specifici di determinati elementi HTML.
Nozioni di base sul testo
Come formattare il testo utilizzando HTML.
Link
Tutto ciò che devi sapere sui link.
Elenchi
Elenchi e altri modi per raggruppare i contenuti.
Navigazione
La navigazione è un elemento chiave di qualsiasi sito di applicazione e inizia con HTML.
Tabelle
Scopri come utilizzare le tabelle per eseguire il markup dei dati tabulari.
Moduli
Una panoramica dei moduli in HTML.
Immagini
Una panoramica delle immagini in HTML.
Audio e video
Scopri come utilizzare i contenuti multimediali HTML, come audio e video.
Modello, spazio e ombra
Una spiegazione di modello, spazio e ombra.
API HTML
Scopri come le informazioni HTML possono essere esposte e manipolate utilizzando JavaScript.
Messa a fuoco
Come gestire l'ordine di attivazione nei documenti HTML.
Altri elementi di testo in linea
Un'introduzione alla gamma di elementi utilizzati per il markup del testo.
Dettagli e riepilogo
Scopri come funzionano gli elementi di riepilogo e i dettagli molto utili e dove utilizzarli.
Dialog
Scopri come funziona l'elemento <dialog>, utile per rappresentare qualsiasi tipo di finestra di dialogo in HTML.
Conclusioni e passaggi successivi
Per concludere, ecco alcune risorse aggiuntive.
Allora, sei pronto a imparare HTML? Iniziamo.