A. FERRARI Alberto Ferrari. L'HyperText Markup Language (HTML) (traduzione letterale: linguaggio di marcatura per ipertesti) è un linguaggio usato per.

Slides:



Advertisements
Presentazioni simili
CORSO BASE Il Browser LO Standard HTML I TAG Annidamento e Identizione I commenti Case unsensitive Struttura pagina-DOCTYPE HEAD BODY Ipertesti Immagini.
Advertisements

I Namespace Mario Arrigoni Neri.
Introduzione all’HTML
Gli ipertesti del World Wide Web Funzionamento e tecniche di realizzazione a cura di Loris Tissìno (
Introduzione ad XML Mario Arrigoni Neri.
Corso FSE II – html a.a Lezione 5. corso fse dinformatica – a.a html html (hypertext markup language) è un linguaggio di markup.
SEMANTIC WEB Antonio Bucchiarone FBK-IRST Trento, Italy 13 Novembre 2009.
HTML+XML= XHTML Il ritorno al futuro del WEB A cura di Barbara Lotti.
HYPER TEXT MARK-UP LANGUAGE
HTML Hyper Text Mark-Up Language. HTML Hyper Text Mark-Up Language Linguaggio di marcatura per ipertesti E un linguaggio di formattazione usato per descrivere.
JavaScript 2. JavaScript nelle pagine web. HTML e XHTML Gli script JavaScript sono utilizzabili sia in pagine HTML che XHTML XHTML impone che il codice.
HTML Hyper Text Mark-Up Language. HTML Hyper Text Mark-Up Language Linguaggio di marcatura per ipertesti E un linguaggio di formattazione usato per descrivere.
1 Introduzione ad XML. 2 Problemi con SGML Complesso da comprendere ed utilizzare Non è pensato per la rete: mancano link ipertestuali e specifiche grafiche.
Numerico-Vespignani, Informatica per le scienze umanistiche, Il Mulino, La rappresentazione dellinformazione testuale e i linguaggi di codifica.
XML Prof. Alfredo Pulvirenti. XML XML (eXtensible Markup Language) è un meta linguaggio. Può essere definito come un insieme di regole e convenzioni che.
3° Workshop "Accessibilità: primi passi per un mondo fruibile da tutti" Alessandro Olivi Modellazione di pagine WEB e accessibilità
HTML e CSS Concetti base Comunicazione Multimediale.
Ipertesto, navigazione e cenni HTML
Laboratorio di Applicazioni Informatiche II mod. A
1 HTML - I Frame Laboratorio di Applicazioni Informatiche II mod. A.
XML Prof. Barbara Pernici Politecnico di Milano. Introduzione a XML.
Linguaggi di marcatura e fogli stile Presentazione del corso.
XHTML Danilo Deana. XHTML2 XHTML (eXtensible HyperText Markup Language) XHTML è una riformulazione di HTML come applicazione XML. Utilizzando XHTML è
LHTML è un linguaggio per computer comprensibile da parte dei browser Web Le pagine Web sono scritte in HTML LHTML è necessario sul Web per formattare.
Introduzione e nozioni fondamentali di sintassi
1 Titolo Presentazione / Data / Confidenziale / Elaborazione di... ASP. Net View State e controlli Elaborazione di Franco Grivet Chin.
HTML HyperText Markup Language
Linguaggi per il Web Linguaggi di markup: CSS. Cascading Style Sheets (CSS) servono per facilitare la creazione di pagine HTML con un aspetto uniforme.
Informatica Umanistica A.A. 2009/2010 eXtensible Markup Language (XML)
Importanza DTD La DTD (Document Type Definition) consente di dichiarare in maniera univoca la struttura di markup mediante la definizione dello schema.
G. Mecca – – Università della Basilicata Tecnologie di Sviluppo per il Web XHTML Introduzione versione 2.0 Questo lavoro è concesso in.
WORLD WIDE WEB Il World Wide Web (Web, WWW o W3) è un'architettura software utilizzata per fornire l'accesso e la navigazione ad un insieme molto vasto.
Modulo 7 – reti informatiche u.d. 1 (syllabus – )
V.1 Progettazione Multimediale – 1 Progettazione multimediale HTML e i tag di base.
Andrea Spinelli Linguaggio HTML Lezione 1: Ipertesti Precursori Linguaggi di marcatura Ted Nelson Tim Berners-Lee Strutture di base.
Applicazioni Web HTTP, HTML e CSS Elaborato da Gianluca Lauteri e Daniele Filannino.
Creare pagine web Xhtlm. Struttura di una pagina.
COMUNICAZIONE ONLINE, RETI E VIRTUALITA MATTEO CRISTANI.
HTML Lezione 3 Stili.
CSS CASCADING STYLE SHEETS : CASCADING STYLE SHEETS : Fogli di stile a cascata Definisce il modo in cui verranno visualizzati gli elementi di una pagina.
Il Linguaggio HTML “Profe, ma io a casa l’HTML non ce l’ho!“
Il linguaggio HTML Antonella Schiavon – settembre 2008 rev. 1 – aprile 2011.
HTML HyperText Markup Language Linguaggio per marcare un’Ipertesto
Corso XHTML.
CSS Cascade Style Sheets.
Informatica Umanistica A.A. 2007/2008 LEZIONE 4 eXtensible Markup Language (XML) INTRODUZIONE.
1 e Sono due elementi generici, DIV sta per division ed è un elemento a blocco; SPAN è un generico elemento in linea. I div (e gli span) possono essere.
Alberatura cartelle sito
Gli standard web W3C standard HTML CSS “…a set of standardized best practices for building web sites, and a philosophy of web design and development.
Corso Web CSV – Andiamo on-line 1 Andiamo on-line Corso di formazione Elementi base per la costruzione di un sito web.
XHTML Corso linguaggi per il web a.s. 2011/2012 ITIS A. Righi – Corsico Relatore – Aldo Guastafierro.
HTML I tag HTML (parte 1). I tag HTML  I comandi che il browser interpreta  Etichette per marcare l’inizio e la fine di un elemento HTML  Formato e.
Laboratorio di XHTML a.s – 2012 Prof. Aldo Guastafierro.
CORSO Di WEB DESIGN prof. Leonardo Moriello
Creazione di pagine per Internet Brevi note a cura di Emanuele Lana
Informatica Umanistica A.A. 2008/2009 LEZIONE 1 PRESENTAZIONE, INTRODUZIONE HTML.
Programma delle lezioni LABORATORIO B  Lezione 01: 27/02martedi  Lezione 02: 06/03martedi  Lezione 03: 13/03martedi  Lezione 04:
Internet e HTML Diffusione di informazioni mediante la rete Internet.
Tag FRAMESET. I frame sono un particolare tipo di struttura HTML, che consente di suddividere la finestra del browser in diversi riquadri distinti. Un'insieme.
HTML HTML e il web.
HTML e CSS C. Gena, C. Picardi, J. Sproston HTML e CSS.
CSS Cascading Style Sheet
Fondamenti di Markup Languages: Richiami di HTML © 2005 Stefano Clemente Stefano Clemente
Ingegneria del software Modulo 3 -Tecniche di implementazione Unità didattica 1 -Ingegneria dei componenti Ernesto Damiani Università degli Studi di Milano.
Servizi Internet Claudia Raibulet
Laboratorio di XHTML e CSS
2 Indice Un esempio Che cosa è A cosa serve Confronto con HTML Punti di forza La sua struttura.
L’HTML è il "linguaggio" usato per creare documenti World Wide Web. È stato realizzato nel 1990 da Tim Bernes-Lee, ricercatore del CERN di Ginevra. Non.
HTML. Pagina HTML Struttura Titolo Hello World! Paragrafo apre il documento html contiene informazioni come il titolo della pagina, i meta tags, la codifica.
Da HTML a XHTML A. Ferrari Alberto Ferrari.
Transcript della presentazione:

A. FERRARI Alberto Ferrari

L'HyperText Markup Language (HTML) (traduzione letterale: linguaggio di marcatura per ipertesti) è un linguaggio usato per descrivere la struttura dei documenti ipertestuali disponibili nel World Wide Web. Tutti i siti web sono scritti in HTML, codice che viene letto ed elaborato dal browser, il quale genera la pagina che viene visualizzata sullo schermo del computer. L'HTML non è un linguaggio di programmazione, ma un linguaggio di markup, ossia descrive il contenuto, testuale e non, di una pagina web. Wikipedia

Alberto Ferrari L'XHTML (acronimo di eXtensible HyperText Markup Language, Linguaggio di marcatura di ipertesti estensibile) è un linguaggio di marcatura che associa alcune proprietà dell'XML con le caratteristiche dell'HTML: un file XHTML è un pagina HTML scritta in conformità con lo standard XML. Il linguaggio prevede un uso più restrittivo dei tag HTML sia in termini di validità che in termini di sintassi, in modo da descrivere solo la struttura logica della pagina, mentre il layout e la resa grafica sono imposti dai fogli di stile a cascata (Cascading Style Sheets, CSS). L'XHTML è nato ufficialmente il 26 gennaio 2000 come standard del World Wide Web Consortium (W3C). Wikipedia

Alberto Ferrari Compatibilità con i diversi browser: aderire allo standard XHTML consente di ottenere una maggiore compatibilità con i diversi browser e con i diversi user agent che navigano sul Web. User agent (definizione): dispositivi che accedono al Web: telefonini, PDA, lettori braille, sintetizzatori vocali. Motori di ricerca gli spider dei motori di ricerca operano sicuramente meglio con codice che segue una sintassi basata su XML. Separazione contenuto da forma (layout) Tag HTML per definire il contenuto e CSS per il layout. Primo passo per Web semantico. Validazione Possibilità di controllare la struttura sintattica di un documento

Alberto Ferrari Scrivere Xhtml richiede una chiara sintassi html Alcune regole di sintassi xhtml Chiusura degli elementi Nomi di elementi e attributi in minuscolo Valori degli attributi tra doppi apici Minimizzazione degli attributi vietata Attributo id sostituisce name Elementi obbligatori

Alberto Ferrari Un tag di chiusura per ogni tag di apertura Tag e per aprire e chiudere paragrafi Lo stesso vale per e tutti gli altri tag Per compatibilità con i vecchi browser, meglio aggiungere uno spazio prima del simbolo / nei tag semplici (senza corpo) No Paragrafo 1. Paragrafo 2. Esempio errato Si Paragrafo 1. Paragrafo 2. Esempio corretto

Alberto Ferrari No Si No Si

Alberto Ferrari No Si

Alberto Ferrari No Si

Alberto Ferrari Lattributo id sostituisce lattributo name HTML 4.01 definisce un attributo name per molti elementi: a, applet, frame, iframe, img, map In XHTML lattributo name è deprecato, sostituito da id No Si Transitoriamente, per interoperare con i vecchi browser, si può assegnare lo stesso valore a name e id

Alberto Ferrari Lattributo lang si applica a quasi tutti gli elementi xhtml Specifica la lingua del contenuto di un elemento Lattributo xml:lang è lo standard per xml, ma per compatibilità con I browser meglio definire entrambi Heia Norge!

Alberto Ferrari La dichiarazione DOCTYPE deve essere presente Non è considerata parte del docmento xhtml stesso Non è un elemento xhtml e non deve avere un tag di chiusura Gli elementi html, head e body devono essere presenti Lelemento title deve essere presente dentro head Lattributo xmlns nel tag html è necessario Title goes here

Alberto Ferrari DOCTYPE perché un documento possa essere validato, deve contenere un elemento chiamato DTD (Document Type Definition o Document Type Declaration) xmlns Namespace XML e lingua del documento nel tag html

Alberto Ferrari XHTML 1.0 Transitional: nato per favorire la migrazione dalla vecchia versione HTML 3.2 o per uso insieme a link e frame in-line. Accetta come validi anche i tag HTML che sono stati definiti come deprecati in XHTML ed è tollerante rispetto ad alcune non conformità sintattiche. XHTML 1.0 Strict: rispetto alla versione Transitional non accetta i tag HTML definiti deprecati, non è tollerante a non conformità sintattiche e prevede controlli più rigorosi anche rispetto al valore di alcuni attributi dei tag (per esempio, l'attributo id deve avere valori univoci all'interno dello stesso documento). XHTML 1.0 Frameset: nato per motivi di compatibilità per suddividere la finestra visualizzata dal browser in diversi frame (sottofinestre), pratica un tempo diffusa ma ora deprecata dal World Wide Web Consortium. L'ultima versione di XHTML è la XHTML 1.1, che è una riformulazione dell' XHTML Strict, quindi ha una sola DTD. Non accetta i tag e gli attributi più criticati della precedente versione (come la struttura a frameset). Questa versione invece supporta i tag del cosiddetto markup «ruby», che consente di visualizzare i set di caratteri delle lingue orientali.

Alberto Ferrari Un documento per essere validato deve contenere un elemento chiamato DTD (Document Type Definition o Document Type Declaration), da posizionare preferibilmente all'inizio del documento. I tipi più comuni di DTD, e le relative sintassi dichiarative, sono: XHTML 1.0 Strict XHTML 1.0 Transitional XHTML 1.0 Frameset XHTML 1.1

Alberto Ferrari Lista tag (ordinati per funzione) Validazione codice Lista tag (in italiano)