Questo corso su HTML per sviluppatori web offre una panoramica esaustiva per tutti gli sviluppatori, dal livello principiante all'HTML di livello esperto.
Benvenuto in HTML! L'HTML, o HyperText Markup Language, è la spina dorsale del web e fornisce i contenuti e la struttura di tali contenuti che vengono visualizzati nel tuo browser web.
A meno che tu non stia leggendo un PDF o una versione stampata di questa pagina, questi contenuti sono costituiti da diversi elementi HTML e testo. HTML è il livello dei contenuti del web. Gli elementi HTML sono i nodi che compongono il Document Object Model.
I casi di stile dei fogli di stile forniscono l'aspetto grafico o il livello di presentazione della pagina. JavaScript è il livello comportamentale, spesso utilizzato per manipolare gli oggetti all'interno di un documento. I siti creati con framework JavaScript si limitano a manipolare il codice HTML. A sua volta, è importante eseguire il markup del codice HTML in modo che gli script possano analizzare facilmente e che le tecnologie per la disabilità siano facilmente comprensibili. Ciò significa scrivere codice HTML con standard moderni.
Panoramica
Questo corso su HTML per sviluppatori web offre una panoramica esaustiva per tutti, dall'HTML principiante all'HTML di livello esperto. Se è la prima volta che utilizzi il linguaggio HTML, imparerai a creare contenuti strutturalmente validi. Se hai creato siti web da anni, questo corso potrebbe colmare lacune nelle conoscenze di cui non sapevi di avere.
In questo percorso, creeremo la struttura di MachineLearningWorkshop.com. Nessuna macchina è stata danneggiata durante la creazione di questa serie.
Non si tratta di un riferimento completo. Ogni sezione introduce l'argomento della sezione con brevi spiegazioni ed esempi, offrendoti l'opportunità di approfondire. Saranno disponibili link ai riferimenti agli argomenti, ad esempio le specifiche MDN e WHATWG, nonché altri articoli web.dev. Anche se non si tratta di un corso sull'accessibilità, ogni sezione includerà best practice e problemi specifici per l'accessibilità, con link ad approfondimenti sull'argomento. Ogni sezione includerà una breve valutazione per aiutare le persone a confermare la loro comprensione.
Ecco cosa imparerai:
Panoramica del codice HTML
Una breve introduzione ai concetti chiave del linguaggio HTML.
Struttura del documento
Scopri come strutturare i tuoi documenti HTML con fondamenta solide.
Metadati
Come utilizzare i meta tag per fornire informazioni sui documenti.
HTML semantico
Utilizzo degli elementi HTML corretti per descrivere i contenuti del documento.
Intestazioni e sezioni
Come utilizzare correttamente gli elementi in sezioni per dare significato ai tuoi contenuti.
Attributi
Scopri di più sui diversi attributi globali e sugli attributi specifici di particolari 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 dell'applicazione e inizia con HTML.
Tabelle
Comprendere 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 contenuti multimediali HTML come audio e video.
Modello, area e ombra
Una spiegazione del modello, dell'area e dell'ombreggiatura.
API HTML
Scopri come le informazioni HTML possono essere esposte e manipolate tramite JavaScript.
Messa a fuoco
Come gestire l'ordine di messa a fuoco nei documenti HTML.
Altri elementi di testo incorporati
Un'introduzione alla gamma di elementi utilizzati per il markup del testo.
Dettagli e riepilogo
Scopri come funzionano i dettagli e gli elementi di riepilogo molto utili e dove utilizzarli.
Dialog
L'elemento <dialog> è utile per rappresentare qualsiasi tipo di finestra di dialogo in HTML. Scopri come funziona.
Conclusione e passaggi successivi
Conclusione con alcune altre risorse.
Sei pronto a imparare il linguaggio HTML? Iniziamo.