HTML I tag HTML (parte 2) Elenchi Organizzare il testo in elenchi Elenchi puntati Elemento 1 Elemento 2 Elemento 3 Elenchi numerati Elemento 1 Elemento 2 Elemento 3 Alice Pavarani Tabelle:
Transcript HTML I tag HTML (parte 2) Elenchi Organizzare il testo in elenchi Elenchi puntati Elemento 1 Elemento 2 Elemento 3 Elenchi numerati Elemento 1 Elemento 2 Elemento 3 Alice Pavarani Tabelle:
HTML I tag HTML (parte 2)
Elenchi
Organizzare il testo in elenchi Elenchi puntati
Elemento 1
Elemento 2
Elemento 3
Elenchi numerati
Elemento 1
Elemento 2
Elemento 3
2 Alice Pavarani
Tabelle:
Organizzare il testo per righe e colonne
Struttura gerarchica del tag
tag
(table row), righe di celle tag
(table data), celle
Titolo colonna 1
Titolo colonna 2
Cella 1,1
Cella 1,2
tag
(table header), celle di intestazione
Cella 2,1
Cella 2,2
Sempre lo stesso numero di celle inserite in ogni riga (essendo il numero di colonne) Le righe procedono dall’alto verso il basso Le celle procedono da sinistra verso destra
Titolo colonna 1
Cella 1,1 Cella 2,1
Titolo colonna 2
Cella 1,2 Cella 2,2 Ogni cella può contenere qualsiasi cosa (testo, immagini, link, liste, altre tabelle…) 3 Alice Pavarani
Tag
Inserire oggetti (immagini, audio, video, Java applets, ActiveX, filmati flash, …) all’interno di una pagina HTML Per l’inserimento delle immagini è preferibile il tag Per l’inserimento di audio e video si utilizzano i tag
Tag
Attributi principali: data URL della risorsa usata come oggetto height , width altezza e larghezza dell’oggetto nella pagina name type nome identificativo dell’oggetto MIME della risorsa specificata nell’attributo data Almeno uno tra gli attributi data e type definito deve essere 5 Alice Pavarani
MIME
Multipurpose Internet Mail Extension E’ uno standard di Internet che specifica il tipo di dati che vengono trasferiti attraverso i protocolli di comunicazione HTTP o SMTP (il protocollo di trasmissione delle email) La versione MIME è formalmente rimasta la 1.0 dal 1992… ( http://en.wikipedia.org/wiki/Internet_media_type ) Esempi
Tag specifici in HTML5 per incorporare audio e video
Tag
Attributi del tag
controls inserisce i controlli nel player Attributi del tag
height, width controls altezza e larghezza del video nella pagina inserisce i controlli nel player 8 Alice Pavarani
Formati supportati dai Browser
Audio Video Browser Internet Explorer Chrome Firefox YES audio/mp4 MP3 MIME types audio/webm Wav NO YES YES NO Update: Firefox 21 running on Windows 7, Windows 8, Windows Vista, and Android now supports MP3 YES audio/ogg Ogg NO YES YES Safari Opera YES NO YES YES NO YES Browser Internet Explorer Chrome Firefox YES video/mp4 MP4 MIME types video/webm NO WebM YES YES NO Update: Firefox 21 running on Windows 7, Windows 8, Windows Vista, and Android now supports MP4 YES video/ogg Ogg NO YES YES Safari Opera YES NO NO YES NO YES 9 http://www.w3schools.com/html/html5_intro.asp