La presentazione è in caricamento. Aspetta per favore

La presentazione è in caricamento. Aspetta per favore

J0 1 Marco Ronchetti - HTTP e HTML HTML: evoluzione.

Presentazioni simili


Presentazione sul tema: "J0 1 Marco Ronchetti - HTTP e HTML HTML: evoluzione."— Transcript della presentazione:

1 J0 1 Marco Ronchetti - HTTP e HTML HTML: evoluzione

2 J0 2 Marco Ronchetti - WWW 1990: La Web HTTP protocollo che permette di richiedere documenti ipertestuali da un server. HTML linguaggio di markup usabili per rendere documenti ovvero individuare e a abilitare link ipertestuali.

3 J0 3 Marco Ronchetti - HTML 2.0 Linguaggio basato su elementi di descrizione di caratteristiche (tag) e testo: la caratteristica viene applicata a tutto il testo compreso tra tag aperta e tag chiusa testo

4 J0 4 Marco Ronchetti - HTML Caratteristiche generali: Non è case sensitive Non tutte le tag aperte vengono chiuse Tutte le tag sconosciute vengono ignorate Tutti gli a capo vengono mutati in spazio Più spazi o tabulazioni vengono collassate in un singolo spazio

5 J0 5 Marco Ronchetti - HTML 2.0 La prima versione conforme alla sintassi SGML

6 J0 6 Marco Ronchetti - Struttura di un documento HTML Titolo della pagina Corpo della pagina, visualizzato dal browser Nota: lHTML non è case sensitive

7 J0 7 Marco Ronchetti - Definizione di intestazione H1 …H6: sei livelli di intestazione Livello H1 Livello H2 Livello H3 Livello H4 Livello H5 Livello H6

8 J0 8 Marco Ronchetti - Tipi di lista ul Unordered list ol ordered list primo secondo terzo dir directory list (deprecata) menu menu list (deprecata) primo secondo terzo

9 J0 9 Marco Ronchetti - Tipi di lista Liste di definizione DL DT:Definition Term DD: Definition Entry SGML Standard Generalized Markup Language HTML Hypertext Markup Language XML Extensible Markup Language

10 J0 10 Marco Ronchetti - Tipo di carattere Bold Italic Teletype Carattere normale Carattere Bold Carattere Teletype Notare la sequenza Notare gli a capo

11 J0 11 Marco Ronchetti - Caratteri speciali < si scrive< > si scrive > & si scrive & I caratteri definiscono apertura e chiusura delle tag, Quindi non possono in essere inclusi nel testo. Per risolvere il problema si introduce una sintassi speciale:

12 J0 12 Marco Ronchetti - Tipologie di frase Carattere normale emphasized strong code a=1 b=2 variable sample citazione

13 J0 13 Marco Ronchetti - Elementi di formattazione Esempi di uso di formattazione Questo e'un paragrafo Questo e'un esempio di forzatura di un a capo Linea Orizzontale testo testo indentato continua il testo

14 J0 14 Marco Ronchetti - Elementi di formattazione Esempio di testo con formattazione forzata class demo { public static void main(String a[]) { System.out.println("Hello"): } Notare la preservazione degli a capo

15 J0 15 Marco Ronchetti - Meta data Nella sezione head: Indicazioni per i robots Url di base del documento corrente

16 J0 16 Marco Ronchetti - Link e interni ed esterni Vi si possono trovare ulteriori dettagli … Ecco i dettagli Vi si possono trovare ulteriori dettagli Link interno Link esterno Eccone una foto Vista. Immagini Deprecato!

17 J0 17 Marco Ronchetti - Mappe clickabili Identifica un eseguibile sul server Vedi anche le estensioni HTML 3.2 Mostra la figure italia.gif e passa al server le coordinate (x,y) del punto su cui si é clickato

18 J0 18 Marco Ronchetti - Forms Danno allutente la possibilità di inviare informazioni al Web server La tag FORM definisce il modulo e ha il seguente attributi: Lattributo ACTION identifica il programma che processa il modulo Lattributo ENCTYPE specifica tipo MIME usato per passare dati al server (Es. Text/html) Inoltre comprende varie sotto-tag: Può contenere diverse tag per la raccolta dei dati Una tag INPUT devessere di tipo SUBMIT per la spedizione dei dati Una tag INPUT può essere di tipo RESET per lannullamento dei dati inseriti

19 J0 19 Marco Ronchetti - Form - input Scrivi il tuo nome Invia una url di tipo

20 J0 20 Marco Ronchetti - Form – input type=radio Fai la tua scelta: Auto Bus Camion Rosso Argento

21 J0 21 Marco Ronchetti - Form – input type=checkbox - select Fai la tua scelta: Auto Bus Camion Rosso Argento

22 J0 22 Marco Ronchetti - Form – textarea Scrivi i tuoi commenti: