HTML

HyperText Markup Language nasce nel 1989 per iniziativa di Tim Berners-Lee presso il CERN di Ginevra (The birth of the web)

  • ’60, GML, Generalized Markup Language (IBM)
  • 1986, SGML, Standard …
  • 1989, HTML Tim Berners-Lee (CERN)
  • 1993, HTML+
  • 1995, HTML 2.0 – HTML 3.0
  • 1997, HTML 3.2 – HTML 4.0
  • 1999, HTML 4.01
  • 2008, HTML 5

SINTASSI DI BASE

  1. TAG
  2. DOCUMENTO – HTML, DOCTYPE, commenti
  3. DOCUMENTO – HEAD, BASE, TITLE, META
  4. COLORI – Colori
  5. COLORI – Nomi
  6. COLORI – BODY e colori
  7. TESTI – Paragrafi, titoli, linea orizzontale
  8. TESTI – Caratteri speciali
  9. TESTI – Caratteri speciali alfabetici
  10. TESTI – Font
  11. TESTI – Stili dei caratteri 
  12. TESTI – Sezioni
  13. TESTI – Testo scorrevole
  14. IMMAGINI
  15. LISTE – Ordinate
  16. LISTE – Non ordinate
  17. LISTE – Di definizioni
  18. LISTE – Annidate
  19. TABELLE – Struttura
  20. TABELLE – Fusione di celle
  21. TABELLE – Formattazione
  22. TABELLE – Gruppi di righe
  23. TABELLE – Etichetta
  24. TABELLE – Esempio parabole
  25. TABELLE – Esempio matrici
  26. Collegamenti, segnalibro, target
  27. Riepilogo – TAG 
  28. Riepilogo – Attributi/valori
  29. Riepilogo – Attributi comuni

MODULI

  1. FORM
  2. INPUT – “text” / “password”
  3. INPUT – “submit” / “reset”
  4. INPUT – “checkbox”
  5. INPUT – “radio”
  6. INPUT – “button”, “file”, “hidden”, “image”
  7. SELECT – OPTION – OPTGROUP
  8. TEXTAREA
  9. FIELDSET – LEGEND
  10. BUTTON
  11. LABEL
  12. ATTRIBUTI – Comuni
  13. ATTRIBUTI – placeholder
  14. ORGANIZZAZIONE – Con TABLE
  15. ORGANIZZAZIONE – Con TABLE e FIELDSET
  16. RIEPILOGO – Tag e attributi per i moduli

FRAME

HTML5

Tante novità per formattare e arricchire i documenti

  • Si semplifica l’inclusione di oggetti multimediali, animazioni
  • Le sezioni delle pagine hanno dei nomi standard
  • I form risultano più accattivanti e funzionali, l’elemento <input> arriva a 29 tipi diversi
  • …

Novità

  1. !DOCTYPE
  2. FORM – ATTRIBUTI – placeholder
  3. FORM – ATTRIBUTI – autofocus – list – required – …
  4. FORM – INPUT > type – color
  5. FORM – INPUT > type – date
  6. FORM – INPUT > type – number
  7. FORM – INPUT > type – range
  8. FORM – INPUT > type – datetime-local | email | month | search | tel | time | url | week | …
  9. FORM – TAG – DATALIST – OUTPUT
  10. MULTIMEDIA – AUDIO
  11. MULTIMEDIA – CANVAS
  12. MULTIMEDIA – MATH (MathML)
  13. MULTIMEDIA – SVG
  14. MULTIMEDIA – VIDEO
  15. SEZIONI – HEADER | FOOTER | MAIN | NAV | ASIDE | ARTICLE | SECTION
  16. ALTRO – MARK | PROGRESS | WBR | …
  17. Raccomandazioni

DHTML

Dynamic HTML non è uno standard o un linguaggio per il web ma un modo per esplicitare che il codice HTML si combina con Javascript, DOM e CSS.

XHTML

XHTML ridefinisce l’ultimo standard HTML (4.01) in modo da renderlo compatibile con XML.

  • 2000, XHTML 1.0
  • 2000, XHTML Basic
  • 2002, XHTML 1.0 Rivisitato
  • 2006, XHTML 2.0 Working Draft
  • 2008, XHTML Basic 1.1
  • 2010, XHTML 2.0 Working Group Note

Le diverse versioni di XHTML intendono semplificare e uniformare l’uso di di HTML con l’obiettivo di condividere facilmente i documenti e gli altri contenuti web tra dispositivi diversi: desktop, PDA, TV, smartphone, …

XML

Extensible Markup Language

  • 1986 SGML
  • 1996 XML Working Group
  • …
  • 2008 XML 1.0 … 5° edizione, W3C Recommendation

Caratteristiche di base

  • Differenze con HTML
  • Sintassi: Elementi, Attributi, Documenti, attributi riservati
  • Struttura dei documenti: DTD, XSL, XSLT, XSL:FO, XPath, XLink, XPointer
  • Tecnologie derivate: MathML, RSS, SMIL, SVG, X3D, XHTML

RISORSE ONLINE

In italiano

In inglese