HTML

HyperText Markup Language nasce nel 1989 per iniziativa di Tim Berners-Lee presso il CERN di Ginevra

  • ’60, GML, Generalized Markup Language (IBM)
  • 1986, SGML, Standard …
  • 1989, HTML Tim Berners-Lee (CERN) – The birth of the web
  • 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 – Tag obbligatori e commenti
  3. DOCUMENTO – DOCTYPE
  4. DOCUMENTO – HEAD (BASE, TITLE, META)
  5. DOCUMENTO – BODY
  6. COLORI
  7. COLORI – Con nome
  8. COLORI – Sfumature
  9. LINEA orizzontale
  10. TESTI – Paragrafi, titoli
  11. SEZIONI della pagina
  12. TESTI – Font
  13. TESTI – Stili dei caratteri
  14. TESTI – Caratteri speciali
  15. TESTI – Caratteri speciali alfabetici
  16. TESTI – Testo scorrevole
  17. LISTE – Non ordinate
  18. LISTE – Ordinate
  19. LISTE – Annidate
  20. LISTE – Di descrizioni
  21. COLLEGAMENTI, segnalibro, target
  22. IMMAGINI
  23. TABELLE – Struttura
  24. TABELLE – Formattazione
  25. TABELLE – Esempio parabole
  26. TABELLE – Fusione di celle
  27. TABELLE – Gruppi di righe
  28. TABELLE – Etichetta
  29. TABELLE – Esempio matrici
  30. RIEPILOGO – TAG
  31. RIEPILOGO – Attributi
  32. RIEPILOGO – Attributi comuni
  33. RIEPILOGO – Valori

MODULI

  1. FORM
  2. INPUT – “text” | “password”
  3. INPUT – “submit” | “reset”
  4. INPUT – “checkbox”
  5. INPUT – “radio”
  6. INPUT – “color” | “date” | “number” | “range”
  7. INPUT – “button” | “file” | “hidden” | “image”
  8. SELECT – OPTION – OPTGROUP
  9. TEXTAREA
  10. FIELDSET – LEGEND
  11. BUTTON | LABEL
  12. ATTRIBUTI – placeholder
  13. ORGANIZZAZIONE – Con TABLE
  14. ORGANIZZAZIONE – Con TABLE e FIELDSET
  15. RIEPILOGO 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
  • Raccomandazioni

Novità

  1. FORM – TAG: DATALIST, DOCTYPE, MARK, METER, PROGRESS, WBR, …
  2. FORM – ATTRIBUTI: placeholder, autofocus, list, required, …
  3. FORM – INPUT > type: color, date, number, range, datetime-local, email, month, search, tel, time, url, week
  4. MULTIMEDIA: AUDIO, CANVAS, MATH (MathML), PICTURE, SVG, VIDEO
  5. SEZIONI: ARTICLE, ASIDE, FOOTER, HEADER, MAIN, NAV, SECTION

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