HTML I tag HTML (parte 2). Elenchi 2  Organizzare il testo in elenchi  Elenchi puntati  Elenchi numerati Elemento 1 Elemento 2 Elemento 3 Elemento.

Presentazione sul tema: "HTML I tag HTML (parte 2). Elenchi 2  Organizzare il testo in elenchi  Elenchi puntati  Elenchi numerati Elemento 1 Elemento 2 Elemento 3 Elemento."— Transcript della presentazione:

1 HTML I tag HTML (parte 2)

2 Elenchi 2  Organizzare il testo in elenchi  Elenchi puntati  Elenchi numerati Elemento 1 Elemento 2 Elemento 3 Elemento 1 Elemento 2 Elemento 3 Alice Pavarani

3 Tabelle: 3  Organizzare il testo per righe e colonne  Struttura gerarchica del tag  tag (table row), righe di celle  tag (table data), celle  tag (table header), celle di intestazione  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  Ogni cella può contenere qualsiasi cosa (testo, immagini, link, liste, altre tabelle…) Alice Pavarani Titolo colonna 1 Titolo colonna 2 Cella 1,1 Cella 1,2 Cella 2,1 Cella 2,2

4 Tag 4  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 e  Può essere utilizzato per inserire una pagina HTML all’interno di un’altra Alice Pavarani <object type=“text/html” height=“500” width=“500” data=“http://www.itis.pr.it”>

5 Tag Alice Pavarani5 Attributi principali:  data URL della risorsa usata come oggetto  height, width altezza e larghezza dell’oggetto nella pagina  name nome identificativo dell’oggetto  type MIME della risorsa specificata nell’attributo data  Almeno uno tra gli attributi data e type deve essere definito

6 MIME Alice Pavarani6  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) http://en.wikipedia.org/wiki/Internet_media_type  Esempi Riferimento MIME http://www.iana.org/assignments/media-types/media-types.xhtml http://www.iana.org/assignments/media-types/media-types.xhtml text text/html text/plain (.c/.c++) audio audio/mpeg image image/gif image/jpg image/vnd.adobe.photoshop video video/quicktime video/mp4 video/x-flv (flash video.flv) video/avi application application/zip application/pdf application/java (.class)

7 Audio e Video in HTML5 Alice Pavarani7  Tag specifici in HTML5 per incorporare audio e video   Contengono (tra tag di apertura e tag di chiusura) il tag  Definisce una (o più) risorse da eseguire nell’elemento incorporato  Il browser sceglie la risorsa in base ai codec installati  Contengono (tra tag di apertura e tag di chiusura) il tag  Definisce un testo relativo al media (es. sottotitoli)

8 Tag,, Alice Pavarani8  Attributi del tag :  src URL del file della risorsa  type MIME della risorsa specificata nell’attributo src  Attributi del tag : http://www.w3schools.com/tags/tag_audio.asp http://www.w3schools.com/tags/tag_audio.asp  controls inserisce i controlli nel player  Attributi del tag : http://www.w3schools.com/tags/tag_video.asp http://www.w3schools.com/tags/tag_video.asp  height, width altezza e larghezza del video nella pagina  controls inserisce i controlli nel player Il browser non supporta l’elemento audio Il browser non supporta l’elemento video

9 Formati supportati dai Browser Alice Pavarani9  Audio  Video MIME types audio/mp4audio/webmaudio/ogg BrowserMP3WavOgg Internet Explorer YESNO ChromeYES FirefoxNO Update: Firefox 21 running on Windows 7, Windows 8, Windows Vista, and Android now supports MP3 YES SafariYES NO OperaNOYES MIME types video/mp4video/webmvideo/ogg BrowserMP4WebMOgg Internet Explorer YESNO ChromeYES FirefoxNO Update: Firefox 21 running on Windows 7, Windows 8, Windows Vista, and Android now supports MP4 YES SafariYESNO OperaNOYES http://www.w3schools.com/html/html5_intro.asp