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. BUTTON
  8. SELECT – OPTION – OPTGROUP
  9. TEXTAREA
  10. FIELDSET – LEGEND
  11. LABEL
  12. ATTRIBUTI – Comuni
  13. ORGANIZZAZIONE – Con TABLE
  14. ORGANIZZAZIONE – Con TABLE e FIELDSET
  15. 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 / CANVAS / MATH (MathML) / SVG / VIDEO
  11. SEZIONI
    HEADER | FOOTER | MAIN | NAV | ASIDE | ARTICLE | SECTION
  12. ALTRO
    MARK | PROGRESS | WBR | …
  13. 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