Il linguaggio HTML Antonella Schiavon – settembre 2008 rev. 1 – aprile 2011
rev. 1 - aprile 2011prof. A. Schiavon 2 Introduzione (1) HyperText Markup Language = linguaggio di marcatura ipertestuale Ipertesto: insieme di documenti che può essere consultato anche in modo non sequenziale, attraverso dei collegamenti (link) Il contenuto di un sito web è strutturato come un ipertesto, ed è scritto in html o un linguaggio derivato da esso (xml, xhtml, …), integrato eventualmente da scripting
rev. 1 - aprile 2011prof. A. Schiavon 3 Introduzione (2) Html è un linguaggio di marcatura Contiene parole chiave (tag) che descrivono le caratteristiche degli oggetti del documento: disposizione del testo, font, colore, stile, immagini, … È necessario utilizzare uno strumento per interpretare i tag e visualizzare il documento: il browser (Internet Explorer, Opera, Mozilla Firefox, Netscape Navigator…)
rev. 1 - aprile 2011prof. A. Schiavon 4 Introduzione (3) Standard html: disponibile presso il W3C (=World Wide Web Consortium, Definisce a livello mondiale il modo in cui le istruzioni html devono essere scritte Se un sito rispetta lo standard, può fregiarsi del bollino W3C
rev. 1 - aprile 2011prof. A. Schiavon 5 Scrivere un documento html (1) I documenti html sono file ASCII, con estensione.html oppure.htm Per scriverli si può utilizzare un qualsiasi editor testuale, ad esempio blocco note di Windows, vi o Kate o KWrite o … di Linux, …: si scrive il codice html
rev. 1 - aprile 2011prof. A. Schiavon 6 Scrivere un documento html (2) Strumenti autore tipo WYSIWYG (What You See Is What You Get): ambienti IDE (=Integrated Developement Environment) con cui si crea la pagina in modo visuale ed il codice html è generato automaticamente (FrontPage, Dreamweaver, …) Ambienti misti, ad esempio HTML-Kit, 1stPage2000, …
rev. 1 - aprile 2011prof. A. Schiavon 7 Sintassi dei tag Un tag è una etichetta racchiusa fra parentesi angolari, e può possedere degli attributi: contenuto Tag di apertura e di chiusura delimitano la parte del documento che descrivono: Prima pagina web Ci sono delle eccezioni:,, …
rev. 1 - aprile 2011prof. A. Schiavon 8 Tag principali … ………
rev. 1 - aprile 2011prof. A. Schiavon 9 Struttura logica di un documento html Documento Intestazione titolo Corpo capitolo sezione paragrafo