Questo corso HTML per sviluppatori web fornisce una panoramica completa per gli sviluppatori, dal livello principiante a quello esperto di HTML.
L'HyperText Markup Language, o HTML, è la spina dorsale del web, in quanto fornisce i contenuti e la loro struttura 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. L'HTML è il livello dei contenuti del web. Gli elementi HTML sono i nodi che compongono il Document Object Model.
I fogli di stile a cascata 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 creati con framework JavaScript manipolano semplicemente l'HTML. A sua volta, è importante eseguire il markup dell'HTML in modo che gli script possano analizzarlo facilmente e che le tecnologie assistive possano comprenderlo.
Ciò significa scrivere codice HTML con standard moderni.
Obiettivi didattici
Questo corso HTML per sviluppatori web fornisce una panoramica completa per gli sviluppatori, dal livello principiante a quello esperto di HTML. Se non hai mai utilizzato l'HTML, imparerai a creare contenuti strutturalmente validi. Se crei siti web da anni, questo corso potrebbe colmare le lacune nelle tue conoscenze che non sapevi nemmeno di avere.
In questo percorso, creeremo la struttura per 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. Sono presenti link a riferimenti di argomenti, come le specifiche MDN e WHATWG e altri articoli web.dev. Sebbene non si tratti di un corso sull'accessibilità, ogni sezione include best practice e problemi specifici, con link per approfondire l'argomento. Ogni sezione include un breve test per aiutare gli utenti
a verificare la loro comprensione.
Ecco cosa imparerai:
Panoramica dell'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
Utilizzare gli elementi HTML corretti per descrivere i contenuti del documento.
Titoli e sezioni
Come utilizzare correttamente gli elementi di suddivisione per dare significato ai tuoi contenuti.
Attributi
Scopri di più sui diversi attributi globali e sugli 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 o applicazione e inizia con l'HTML.
Tabelle
Capire come utilizzare le tabelle per contrassegnare i 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, slot e ombra
Una spiegazione di modello, slot e ombra.
API HTML
Scopri come le informazioni HTML possono essere esposte e manipolate utilizzando JavaScript.
Messa a fuoco
Come gestire l'ordine di messa a fuoco nei documenti HTML.
Altri elementi di testo in linea
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
L'elemento <dialog> è utile per rappresentare qualsiasi tipo di finestra di dialogo in HTML. Scopri come funziona.
Conclusioni e passaggi successivi
Concludiamo con alcune risorse aggiuntive.
Allora, sei pronto a imparare l'HTML? Iniziamo.