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
  3. DOCUMENTO – DOCTYPE
  4. DOCUMENTO – HEAD (BASE, TITLE, META)
  5. DOCUMENTO – BODY
  6. COLORI
  7. COLORI – Nomi
  8. TESTI – Paragrafi, titoli, linea orizzontale
  9. TESTI – Sezioni della pagina
  10. TESTI – Stili dei caratteri
  11. TESTI – Caratteri speciali
  12. TESTI – Caratteri speciali alfabetici
  13. TESTI – Font
  14. TESTI – Testo scorrevole
  15. IMMAGINI
  16. LISTE – Ordinate
  17. LISTE – Non ordinate
  18. LISTE – Di definizioni
  19. LISTE – Annidate
  20. TABELLE – Struttura
  21. TABELLE – Fusione di celle
  22. TABELLE – Formattazione
  23. TABELLE – Gruppi di righe
  24. TABELLE – Etichetta
  25. TABELLE – Esempio parabole
  26. TABELLE – Esempio matrici
  27. COLLEGAMENTI, segnalibro, target
  28. RIEPILOGO – TAG
  29. RIEPILOGO – Attributi
  30. RIEPILOGO – Valori
  31. RIEPILOGO – Attributi comuni

MODULI

  1. FORM
  2. INPUT – “text” / “password”
  3. INPUT – “submit” / “reset”
  4. INPUT – “checkbox”
  5. INPUT – “radio”
  6. INPUT – “color”
  7. INPUT – “date”
  8. INPUT – “number”
  9. INPUT – “range”
  10. INPUT – “button”, “file”, “hidden”, “image”
  11. SELECT – OPTION – OPTGROUP
  12. TEXTAREA
  13. FIELDSET – LEGEND
  14. BUTTON
  15. LABEL
  16. ATTRIBUTI – placeholder
  17. ATTRIBUTI – Comuni
  18. ORGANIZZAZIONE – Con TABLE
  19. ORGANIZZAZIONE – Con TABLE e FIELDSET
  20. 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. FORM – ATTRIBUTI – placeholder
  2. FORM – ATTRIBUTI – autofocus – list – required – …
  3. FORM – INPUT > type – color – date – number – range
  4. FORM – INPUT > type – datetime-local | email | month | search | tel | time | url | week | …
  5. FORM – TAG – DATALIST – OUTPUT
  6. MULTIMEDIA: AUDIO / CANVAS / MATH (MathML) / PICTURE / SVG / VIDEO
  7. SEZIONI: HEADER | FOOTER | MAIN | NAV | ASIDE | ARTICLE | SECTION
  8. ALTRO: DOCTYPE | MARK | PROGRESS | WBR | …
  9. 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