Corso HTML

Corso HTML

Materiale in italiano propedeutico alla realizzazione di corsi HTML5

Il corso è composto da una serie di slide in formato MD e PDF e da una serie di esercizi propedeutici alla spiegazione.

Gli esempi sono pubblicati anche su Codepen

Esercizi

Di seguito è riportata una scaletta completa degli esercizi presenti nella cartella esercizi, con link diretti ai file:

1. 01-Struttura-html5.html - Introduzione alla struttura di base di un documento HTML5.
2. 02-heading.html - Uso dei tag di intestazione in HTML.
3. 03-style.html - Applicazione di stili inline e CSS.
4. 04-formatting.html - Formattazione del testo.
5. 05-citation.html - Citazioni e riferimenti.
6. 06-comment.html - Commenti in HTML.
7. 07-color.html - Lavorare con i colori in HTML.
8. 08-colori-formati.html - Formati di colore supportati.
9. 09-CSS-inline.html - Integrazione e gestione di CSS inline.
10. 10-CSS-interno.html - Utilizzo di stili CSS interni.
11. 11-CSS-esterno.html - Gestione di file CSS esterni.
12. 12-a.html - Creazione di link ipertestuali.
13. 13-a.html - Target e attributi nei link.
14. 14-img.html - Inserimento di immagini.
15. 15-img-background.html - Immagini di sfondo.
16. 16-img-background-repeat.html - Ripetizione delle immagini di sfondo.
17. 17-img-background-attach.html - Fissare le immagini di sfondo.
18. 18-picture.html - Uso del tag <picture>.
19. 19-map.html - Creazione di mappe immagine.
20. 20-table.html - Creazione di tabelle.
21. 21-table-border.html - Gestione dei bordi delle tabelle.
22. 22-table-width.html - Larghezza delle tabelle.
23. 23-table-col-row-span.html - Colonne e righe unite.
24. 24-table-caption.html - Aggiunta di didascalie alle tabelle.
25. 25-table-colgroup.html - Uso del tag <colgroup>.
26. 26-list.html - Liste ordinate e non ordinate.
27. 27-list-description.html - Liste descrittive.
28. 28-div-span.html - Uso dei tag <div> e <span>.
29. 29-class.html - Utilizzo delle classi in HTML.
30. 30-id.html - Uso degli ID in HTML.
31. 31-iframe.html - Inserimento di contenuti con <iframe>.
32. 32-script.html - Uso del tag <script>.
33. 33-script.html - Aggiunta di script esterni.
34. 34-opengraph.html - Metadati Open Graph.
35. 35-responsive-image.html - Immagini responsive.
36. 36-responsive-text.html - Testo responsive.
37. 37-media-query.html - Uso delle media query.
38. 38-code.html - Visualizzazione di codice.
39. 39-kbd.html - Uso del tag <kbd>.
40. 40-samp.html - Uso del tag <samp>.
41. 41-pre.html - Formattazione preformattata con <pre>.
42. 42-var.html - Uso del tag <var>.
43. 43-entity.html - Entità HTML.
44. 44-entity-math.html - Entità matematiche.
45. 45-entity-emoji.html - Entità emoji.
46. 46-form.html - Creazione di moduli.
47. 47-form-type.html - Tipi di input nei moduli.
48. 48-bootstrap.html - Introduzione a Bootstrap.
49. 49-bootstrap-grid.html - Griglia di layout con Bootstrap.
50. 50-bootstrap-table.html - Tabelle con Bootstrap.
51. 51-bootstrap-text.html - Testo con Bootstrap.
52. 52-bootstrap-colors.html - Gestione dei colori con Bootstrap.
53. 53-bootstrap-img.html - Immagini con Bootstrap.
54. 54-bootstrap-jumbotron.html - Creazione di jumbotron con Bootstrap.
55. 55-bootstrap-alert.html - Avvisi con Bootstrap.
56. 56-bootstrap-button.html - Pulsanti con Bootstrap.
57. 57-bootstrap-badge.html - Badge con Bootstrap.

Come Contribuire

Se desideri contribuire al progetto, sentiti libero di aprire un'issue o inviare una pull request per miglioramenti o correzioni.

Slide

Le slide sono disponibili nella directory slide. Sono in formato MD e possono essere visualizzate utilizzando un editor di testo o un visualizzatore di Markdown.

Scarica gratuitamente le slide in formato PDF