Corso di Laurea Cultura e Stilismo della Moda Esperti di linguaggi multimediali e tendenze moda. Parte VI Linguaggi per il Multimedia
|
|
|
- Adolfo Olivieri
- 7 anni fa
- Visualizzazioni
Transcript
1 Corso di Laurea Cultura e Stilismo della Moda Esperti di linguaggi multimediali e tendenze moda Parte VI Linguaggi per il Multimedia Corso: Sistemi di Elaborazione Dati Docente: Ing. Ivan Bruno ivanb@dsi.unifi.it HTML-XML- SMIL-X3D HyperText Markup Language (HTML) Extensible Markup Language (XML) Synchronized Multimedia Integration Language (SMIL) si pronucia come smile X3D extensible 3D 14/11/2006 Sistemi di Elaborazione Dati 2
2 HTML - HyperText Markup Language Introduzione e nozioni Obiettivi Mostrare, nella pratica, il concetto di ipertesto. Fornire, in pratica, il concetto di interprete. Senza avere alcuna conoscenza di programmazione scrivere (forse per la prima volta) un semplice programma ( la L di HTML sta per Language). Fornire conoscenze per costruire pagine web statiche senza l ausilio di editor specializzati (i.e. Frontpage, HTML Edit, ). Fornire conoscenze per la costruzione di pagine web nelle quali poter ospitare i vostri contributi multimediali. 14/11/2006 Sistemi di Elaborazione Dati 4
3 Un po di storia Il WWW (Word Wide Web) fu inventato nel 1991 da Tim Berners Lee al CERN di Ginevra. Esso consisteva in un sistema per rendere disponibili su Internet dei contenuti di testi ed immagini (pagine Web) con facilità, mediante protocolli di comunicazione (+773), linguaggi di codifica dei contenuti (+70/), e sintassi per indicare la collocazione dei contenuti (85/). Lo standard HTML fu inizialmente sviluppato dall IETF. Oggi le specifiche dello standard e le sue evoluzioni sono manutenute World Wide Web Consosrtium ( 14/11/2006 Sistemi di Elaborazione Dati 5 HTML Le specifiche standard Lo standard HTML si è evoluto in diverse versioni successive: 1.0, 2.0, 3.0, 3.2, 4.0, Un cambio nel nome: la versione attualmente più recente si chiama XHTML 1.0 Molto simile alla precedente HTML Il cambiamento da HTML a XHTML riguarda principalmente l adozione delle regole più rigide utilizzate già da XML (un altro tipo di markup language usato per altri scopi e leggermente più complesso) per HTML, in modo da renderlo più facile da processare e manutenere. 14/11/2006 Sistemi di Elaborazione Dati 6
4 HTML - tag Un documento HTML è composto sia dal contenuto che da comandi Il contenuto è ciò che viene visualizzato dall utente con un browser. I comandi (o tag) sono le istruzioni che fanno sì che il documento venga visualizzato correttamente in tutte le sue parti così come appare nel browser. 14/11/2006 Sistemi di Elaborazione Dati 7 HTML Le pagine Web, dunque, contengono due tipi di oggetti: Il testo del documento; I tag HTML che indicano gli elementi, la struttura, la formattazione e i link ipertestuali con altre pagine,. I tag hanno il seguente aspetto: <NomeTag>testo su cui il tag ha effetto</nometag> 14/11/2006 Sistemi di Elaborazione Dati 8
5 HTML I tag definiscono: intestazioni, paragrafi, elenchi e tabelle lo stile dei caratteri, ad esempio il grassetto HTML è un markup language partendo dal testo si possono poi applicare alcuni particolari tag a parole e paragrafi per ottenere la formattazione richiesta 14/11/2006 Sistemi di Elaborazione Dati 9 HTML: una semplice pagina Una pagina Web è un file con estensione.htm o.html Il modo migliore per iniziare a creare pagine Web è quello di usare un semplice editor di testi, ad esempio Notepad o WordPad Esistono anche: editor grafici di HTML (es. Front Page di Microsoft, Dreamweaver, HTML Edit ) editor a Tag programmi convertitori (Word, WordPerfect ecc.) L altro strumento di cui avremo bisogno per visualizzare le pagine che scriveremo è il browser. 14/11/2006 Sistemi di Elaborazione Dati 10
6 La struttura di un documento HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE>Titolo del documento</title> </HEAD> <BODY> <P>Testo di un paragrafo</p> </BODY> </HTML> 14/11/2006 Sistemi di Elaborazione Dati 11 HTML - Esempio Primo esempio: <HTML> <HEAD> <TITLE> Home Page di Nome </TITLE> </HEAD> <BODY> </BODY> </HTML> 14/11/2006 Sistemi di Elaborazione Dati 12
7 HTML Il Tag <body> Dopo l'intestazione deve essere inserito il corpo del documento, identificato dal marcatore <body>: <body>...</body> Il testo del documento va inserito tra questi due marcatori, includendo tutti gli altri marcatori con i quali si vorrà descriverne la struttura e la forma. L'elemento '<body>' prevede alcuni attributi che analizzeremo in seguito. 14/11/2006 Sistemi di Elaborazione Dati 13 HTML La prima pagina Web Cominciamo, dunque, a comporre la nostra pagina digitando quanto segue: <HTML> <HEAD> <TITLE>La mia prima pagina Web</TITLE> </HEAD> <BODY> <h1>questa è la home page di Nome Cognome</h1> <p>questa e la mia prima pagina in HTML</p> </BODY> </HTML> 14/11/2006 Sistemi di Elaborazione Dati 14
8 HTML Cosa appare 14/11/2006 Sistemi di Elaborazione Dati 15 HTML I titoli di un documento possono essere articolati su vari livelli gerarchici (titolo di sezione, titolo di capitolo, titolo di paragrafo etc.) Gli elementi per codificare questi titoli interni hanno un marcatore della forma <hn> In HTML sono disponibili sei diversi livelli di titoli: <h1> è il livello più alto e <h6> il più basso Il primo viene solitamente utilizzato per marcare il titolo di un capitolo, o di una sezione importante, e i successivi per indicare sottosezioni progressivamente più piccole. 14/11/2006 Sistemi di Elaborazione Dati 16
9 HTML - Esempio <HTML> <HEAD> <TITLE>La mia prima pagina Web</TITLE> </HEAD> <BODY> <h1>questa è la home page di Nome Cognome</h1> <p>questa e la mia prima pagina in HTML</p> <h1>primo Livello</h1> <h2>secondo Livello</h2> <h3>terzo Livello</h3> <h4>quarto Livello</h4> <h5>quinto Livello</h5> <h6>sesto Livello</h6> </BODY> </HTML> 14/11/2006 Sistemi di Elaborazione Dati 17 HTML - Risultato 14/11/2006 Sistemi di Elaborazione Dati 18
10 HTML E possibile inserire più titoli all'interno della pagina, anche dello stesso livello. Tutti i marcatori di questi titoli interni supportano un attributo che permette di specificare l'allineamento del testo. Il nome dell'attributo è 'align', e i valori possibili, che specificano il tipo di allineamento, sono: center left right Ad esempio: <h1 align= center >Home Page di Nome Cognome</h1> 14/11/2006 Sistemi di Elaborazione Dati 19 HTML L elemento <p> Un documento HTML può essere diviso in capoversi (paragrafi): a tale fine va utilizzato l'elemento <p>. L'effetto visivo di questa istruzione è quello di inserire un ritorno a capo e una riga vuota nel testo a video. Si noti che dopo ogni titolo <hn> il browser va a capo automaticamente. 14/11/2006 Sistemi di Elaborazione Dati 20
11 HTML L elemento <p> Riportiamo nel nostro file le due parti che seguono: <p>questa riga</p><p>va a capo</p> <p>questa, invece, appare scritta riga su un unica riga nonostante ci siano degli a capo</p> 14/11/2006 Sistemi di Elaborazione Dati 21 HTML L esempio precedente ci dice che l HTML visualizza i capoversi separandoli in funzione dell istruzione <p> e non degli a capo eventualmente presenti nel nostro file. Anche il marcatore <p> può avere degli attributi di tipo 'align'. <p align= right >, ad esempio, sposterà a destra il capoverso. Un altro marcatore che riguarda la gestione dei salti di linea è <br> (break). La sua funzione è quella di provocare un ritorno a capo senza introdurre una riga vuota. <br> non ha un marcatore di chiusura in quanto indica semplicemente il punto in cui intervenire. Ricorrendo a più marcatori <br> in sequenza si possono creare delle spaziature verticali. 14/11/2006 Sistemi di Elaborazione Dati 22
12 HTML Liste non numerate In un documento possono comparire anche elenchi ordinati di voci, o liste che possono essere numerate (ad ogni voce della lista è assegnato automaticamente un numero progressivo) o non numerate (ogni voce della lista è preceduta da un pallino). HTML fornisce una serie di elementi per inserire liste all'interno di pagine Web. La sintassi per le liste non numerate è la seguente: <ul> <li>prima voce</li> <li>seconda voce</li> <li>terza voce</li> </ul> 14/11/2006 Sistemi di Elaborazione Dati 23 HTML Liste numerate Le liste numerate si costruiscono nello stesso modo, ma il tag di apertura è <ol> (ordered list) e quello di chiusura, ovviamente, </ol>. All'interno, ancora una serie di elementi <li> <ol> <li>prima voce</li> <li>seconda voce</li> <li>terza voce</li> </ol> 14/11/2006 Sistemi di Elaborazione Dati 24
13 HTML - Evoluzione 14/11/2006 Sistemi di Elaborazione Dati 25 HTML Le liste Il formato delle liste può essere controllato mediante alcuni attributi tra cui: type= x dove x può assumere uno dei seguenti valori: circle = cerchio square = quadratino I = numeri romani maiuscole i = numeri romani minuscoli a = lettere minuscole A = lettere maiuscole 14/11/2006 Sistemi di Elaborazione Dati 26
14 HTML Gli stili In genere gli stili di carattere sono corsivo, grassetto, sottolineato. HTML dispone dei seguenti stili: <strong> </strong> Testo molto rilevante (viene reso di norma in grassetto) <em> </em> Testo enfatizzato (viene reso di norma in corsivo) <cite> </cite> Testo citato (viene reso di norma in corsivo) <address> </address> Indirizzo (viene reso in corsivo o in grassetto con un carattere piccolo) 14/11/2006 Sistemi di Elaborazione Dati 27 HTML Gli stili <b> </b> grassetto <u> </u> carattere sottolineato <i> </i> carattere italico o corsivo <big> </big> carattere più grande <small> </small> carattere più piccolo Il tag <blockquote> consente di aggiungere degli spazi (come fosse un tabulatore) Gli stili possono essere sommati; ad esempio, per ottenere un testo corsivo neretto si può scrivere: <b><i>questa riga è in neretto e corsivo</i></b> La cosa importante è creare codice nidificato 14/11/2006 Sistemi di Elaborazione Dati 28
15 HTML - Evoluzione 14/11/2006 Sistemi di Elaborazione Dati 29 HTML Righe orizzontali L'elemento <hr> ha lo scopo di inserire una linea orizzontale fra blocchi di testo o immagini all'interno di una pagina Web. Si tratta di un marcatore che non richiede tag di chiusura. Alcuni attributi applicabili sono: size = n dove n indica lo spessore della riga (es.; <hr size= 5 >) noshade serve a eliminare l effetto ombra della linea <hr noshade>) width= n% n regola la larghezza della riga, sia in percentuale, relativamente alla larghezza dello schermo, sia in assoluto, in pixel (es.: <hr width= 50% oppure <hr width=250>) align= left center right allinea la riga rispettivamente a sinistra, al centro e a destra, ad es.:<hr aligh= right width= 80% > 14/11/2006 Sistemi di Elaborazione Dati 30
16 Evoluzione 14/11/2006 Sistemi di Elaborazione Dati 31 HTML Attributi di Body Ci sono degli attributi che possono essere aggiunti all'elemento <body> per specificare l'aspetto del testo e dello sfondo in una pagina Web: background = file grafico permette di indicare un file grafico (in formato GIF o JPEG) che viene inserito sullo sfondo della pagina; se l'immagine è più piccola rispetto alla pagina, essa viene automaticamente duplicata e affiancata alle sue copie bgcolor = #colore RGB permette di assegnare un colore allo sfondo text = #colore RGB indica il colore del testo all'interno della pagina link = #colore RGB indica il colore dei link vlink = #colore RGB indica il colore dei link già attivati alink = #colore RGB indica il colore dei link mentre si attivano con il mouse 14/11/2006 Sistemi di Elaborazione Dati 32
17 HTML - Colori Colore Esadecimale Arancione # FF8000 Bianco # FFFFFF Blu # 0000FF Celeste # 80FFFF Giallo # FFFF00 Grigio # C0C0C0 Marrone # Nero # Rosa # FF8080 Rosso # FF0000 Verde # 00FF00 Viola # 8080FF Il valore che segue l attributo BGCOLOR è un valore esadecimale che indica il colore. I l colore è dato dalla fusione dei tre colori principali RGB Le prime due cifre indicano la quantità di Rosso, le seconde la quantità di Verde mentre le terze la quantità di Blu (# rrvvbb). 14/11/2006 Sistemi di Elaborazione Dati 33 14/11/2006 Sistemi di Elaborazione Dati 34
18 HTML - Colori <HTML> <HEAD> <TITLE>IMMAGINE</TITLE> </HEAD> <BODY BGCOLOR= #00FF00 > <B>Prova colore sfondo</b> <P> </BODY> </HTML> 14/11/2006 Sistemi di Elaborazione Dati 35 Risultato 14/11/2006 Sistemi di Elaborazione Dati 36
19 HTML Dimensionamento dei caratteri Nel caso di dimensionamento in termini assoluti si usa il seguente marcatore: <font size="n">testo</font> Dove n è un numero che va da 1 a 7, ad es.: <font size="4">prova</font>. La dimensione normale del font è 3. Dunque se si usano gli indici 1 o 2 si ottiene un font ridotto rispetto al testo normale, mentre con 4, 5, 6 e 7 si ottiene un font ingrandito. 14/11/2006 Sistemi di Elaborazione Dati 37 HTML Dimensionamento dei caratteri Nel caso di dimensionamento in termini relativi si usa la seguente marcatura: <font size="+/- n">testo</font> In questo caso n può variare da -2 a +4. Usando in modo combinato i vari tag è possibile ottenere effetti come questo: <font size="+4">h</font> <font size="+3">e</font> <font size="-1">l</font> <font size="+2">lo</font> 14/11/2006 Sistemi di Elaborazione Dati 38
20 HTML - Immagini <HTML> <HEAD> <TITLE>Esempio pagina con IMMAGINE</TITLE> </HEAD> <BODY BGCOLOR= # > <IMG src= tango1.jpg alt= Hugo Pratt/CortoMaltese e il tango > <P> </BODY> </HTML> Se il file che contiene l immagine non si trova nella stessa directory del file html che lo include, si dovranno specificare anche i nomi delle directory (cartelle) fino a quella in cui si trova il file HTML (specificare il path), separati dalla barra (/), in questo modo: < img src=' immagini/tango1.jpg''> L attributo alt 14/11/2006 Sistemi di Elaborazione Dati 39 HTML - Immagini 14/11/2006 Sistemi di Elaborazione Dati 40
21 HTML - Immagini L elemento <img> è corredato da diversi attributi: per modificare le dimensioni (consigliati programmi di grafica) si può disporre degli attributi width e height. Ad esempio: <img src= esempio.gif height= 150 width= 45 > Attributo alt consente di inserire un testo accanto all immagine: alt= testo descrittivo Attributo align per definire posizione dell immagine rispetto al testo. Esempi: align= top testo allineato in alto align= middle testo allineato al centro align= bottom testo allineato in basso Altri attributi hspace = spaziatura orizzontale (in pixel) vspace = spaziatura verticale (in pixel) border = il bordo (in pixel) Un immagine può essere usata anche come sfondo come visto in precedenza <body background= path completo > 14/11/2006 Sistemi di Elaborazione Dati 41 HTML - Link I link sono definiti attraverso l elemento A (anchor interno al documento) e LINK (relazione tra documenti). Alcuni attributi: HREF: specifica una destinazione. Quindi <A HREF="xx"> è un estremo di partenza. La destinazione è specificata come un URL (Universal Resource Locator). Gli URL sono o assoluti (" o relativi ("esempio2.html"). NAME: specifica un nome utilizzabile come destinazione puntuale di un link. Es: <A HREF="esempio2.html#prova">click </A> conduce al frammento <A NAME= prova >blah blah</a> del documento esempio2.html REL e REV: definiscono un tipo di realazione (e la relazione inversa) che esiste tra un documento e l altro grazie al link. Esempi: Alternate, Stylesheet, Start, Next, Prev, Contents, Index, Copyright, ecc. TARGET: con i frame, permette di specificare in quale frame avverrà la visualizzazione del link. Esistono alcuni target predefiniti. L attributo TARGET= _new indica al browser di caricare il link a in una nuova (_new) finestra. 14/11/2006 Sistemi di Elaborazione Dati 42
22 HTML Link ed E possibile inserire collegamenti anche verso indirizzi , attraverso una sintassi leggermente diversa da quella indicata per le URL: <A HREF="mailto:ciccio@unina.it">Scrivimi!</A> Cliccando su questo link viene automaticamente aperto il programma di posta predefinito con il campo TO/A già impostato su ciccio@unina.it. 14/11/2006 Sistemi di Elaborazione Dati 43 URL assoluti e relativi (1) Un URL individua una risorsa esterna a cui il documento fa riferimento (es. immagini, link, script, fogli di stile, oggetti multimediali, ecc.) Un URL assoluto specifica senza default tutte le parti rilevanti dell'indirizzo della risorsa: Protocollo: ( il protocollo di connessione Nome di dominio: il computer su cui risiede il server Web Nome locale: l'insieme di directory e il nome del documento Frammento: la parte interna al documento in cui voglio individuare la risorsa. 14/11/2006 Sistemi di Elaborazione Dati 44
23 URL assoluti e relativi (2) Un URL relativo, invece, non specifica alcune parti a partire da sinistra. Queste parti si assumono specificate per default sulla base del documento visualizzato (detto base) Se la base è allora /dir3/paperino.html corrisponde a minnie.html corrisponde a #nonnapapera corrisponde a 14/11/2006 Sistemi di Elaborazione Dati 45 Link ed immagini <BODY> <H1>Questa è una prova di IMG ed A</H1> <P>L'elemento <A> definisce gli estremi dei link. </P> <UL> <LI>L'attributo HREF del tag A crea l'estremo di partenza di un documento. Qui c'è un esempio che porta al <A HREF="1.html">primo documento</a>. </LI> <LI>L'attributo NAME specifica quello come luogo di destinazione di un link. Ad esempio: <A NAME="prova">dell'estremo di un link</a>. </LI> </UL> <P>L'elemento <IMG> inserisce in questa posizione un'immagine posta in un file esterno. <BR>Ad esempio: <IMG SRC="esempio.gif" ALT="Un rettangolo ed un'ellisse"> <UL> <LI>L'attributo SRC specifica l'url del file che contiene l'immagine. </LI> <LI>L'attributo ALT specifica una stringa da visualizzare se non si può visualizzare l'immagine. </LI> </UL> </BODY> 14/11/2006 Sistemi di Elaborazione Dati 46
24 Il risultato su Netscape 14/11/2006 Sistemi di Elaborazione Dati 47 HTML - Tabelle Le tabelle vengono specificate riga per riga. Di ogni riga si possono precisare gli elementi, che sono o intestazioni o celle normali. Una tabella può anche avere una didascalia, un intestazione ed una sezione conclusiva. E possibile descrivere insieme le caratteristiche visive delle colonne. Le celle possono occupare più righe o più colonne. 14/11/2006 Sistemi di Elaborazione Dati 48
25 HTML - Tabelle Per creare una tabella in HTML si usano i tag: <table> </table> all interno dei quali si deve definire il contenuto della tabella. Per definire una tabella si procede nel modo seguente: si realizza la prima riga facendo uso del tag <tr> = table row si indicano le varie celle facendo uso: del tag <th> per le intestazioni di cella </th> = table header del tag <td> per i dati della cella </td> = table data si passa alla seconda riga con le relative celle avendo cura di usare il tag </tr> 14/11/2006 Sistemi di Elaborazione Dati 49 Un esempio di tabella <table border="2" align="center" width="50% cellpadding="5" cellspacing="0"> <tr> <th>venditore</th><th>gennaio</th> <th>febbraio</th> <th>marzo</th> </tr> <tr> <td>mario Rossi</td> <td>12000</td> <td>13000</td><td>15000</td> </tr> <tr> <td>ugo Verdi</td><td>7000</td> <td>9000</td><td>11000</td> </tr> <tr> <td>andrea Bruni</td><td>25000</td> <td>23000</td><td>30000</td> </tr> </table> 14/11/2006 Sistemi di Elaborazione Dati 50
26 Il risultato della tabella 14/11/2006 Sistemi di Elaborazione Dati 51 Il codice della tabella Le celle possono occupare più righe o più colonne. <table border=2 align=center> <tr> <td>prima riga <br> Prima colonna</td> <td colspan="2">prima riga<br>seconda colonna</td> </tr> <tr> <td colspan="2">seconda riga <br> Prima colonna</td> <td rowspan="2">seconda riga <br> Terza colonna</td> </tr> <tr> <td>terza riga <br> Prima colonna</td> <td>terza riga <br> Seconda colonna</td> </tr> </table> 14/11/2006 Sistemi di Elaborazione Dati 52
27 Un altro esempio di tabella 14/11/2006 Sistemi di Elaborazione Dati 53 HTML Tabelle e attributi border= n" (es.: <table border="1">) rende visibile il bordo della tabella. Il valore Q è in pixel. cellpadding= n" (es.: <table cellpadding="10">) è lo spazio tra il bordo della tabella e il testo contenuto all interno delle celle. cellspacing= n" (es.: <table cellspacing="5">) è la distanza tra una cella e un altra. width= n n%" (es.: <table width="100%"> oppure <table width="250">) a larghezza della tabella relativamente allo schermo, espressa con i valori percentuali, oppure in assoluto, in pixel. bgcolor="#rrggbb" (es.: <table bgcolor="#ff0000"> oppure < table bgcolor="red">) determina il colore di sfondo della tabella. La sintassi di rrggbb è la medesima vista per attribuire colori allo sfondo del documento o ai caratteri. In alternativa ai valori esadecimali si possono anche qui usare i nomi dei colori, in inglese (red, green, ecc.) 14/11/2006 Sistemi di Elaborazione Dati 54
28 I tag delle tabelle (1) TABLE Introduce una tabella, ed è composto di una etichetta, una descrizione di colonne, una intestazione, una conclusione ed un corpo. Attributi: SUMMARY: una descrizione testuale del contenuto della tabella per browser non grafici ALIGN, WIDTH: allineamento e larghezza della tabella rispetto alla pagina. Deprecati CELLPADDING, CELLSPACING: spazio tra cella e testo e tra cella e cella, espresso in pixel. FRAME, RULES, BORDER: tipo di bordo associato alla tabella o alle singole celle. 14/11/2006 Sistemi di Elaborazione Dati 55 I tag delle tabelle (2) CAPTION Introduce una etichetta per la tabella. THEAD, TFOOT e TBODY La testa, la coda e il corpo della tabella. Tutti e tre contengono righe di tabella (elementi TR) COLGROUP, COL Permettono di descrivere l aspetto di colonne e gruppi di colonne della tabella. Attributi: SPAN: il numero di colonne a cui assegnare le proprietà WIDTH: la larghezza in pixel della colonna ALIGN, VALIGN: allineamento orizzontale e verticale del contenuto della colonna 14/11/2006 Sistemi di Elaborazione Dati 56
29 I tag delle tabelle (3) TR Introduce una riga di una tabella. Attributi: ALIGN, VALIGN: allineamento orizzontale e verticale del contenuto della tabella TD, TH Una cella di dati o di intestazione. Attributi: WIDTH, HEIGHT (deprecati): larghezza ed altezza della cella NOWRAP (deprecato): esclude la formattazione in paragrafo del contenuto ALIGN, VALIGN: allineamento orizzontale e verticale del contenuto della colonna COLSPAN, ROWSPAN: estende la cella a coprire più colonne o più righe della tabella. 14/11/2006 Sistemi di Elaborazione Dati 57 Entità in HTML HTML definisce un certo numero di entità per quei caratteri che sono: proibiti perché usati in HTML (<, >, &,, ecc.) proibiti perché non presenti nell ASCII a 7 bit. Ad esempio: amp & quot lt (less than) < gt (greater than) > reg nbsp (non-breaking space) Aelig Æ Aacute Á Agrave À Auml Ä aelig æ aacute á agrave à auml ä ccedil ç ntilde ñ ecc. 14/11/2006 Sistemi di Elaborazione Dati 58
30 HTML - commenti Sintassi per un commento (ovunque nel file): <!--commento--> Utilizzati per segnalare delle sezioni di codice o altre informazioni utili a chiunque utilizzi la pagina HTML NON interpretate da BROWSER Utilizzare la scrittura indentata (soprattutto per programmi particolarmente lunghi) 14/11/2006 Sistemi di Elaborazione Dati 59 HTML - Frames Una pagina WEB può essere suddivisa in più aree indipendenti denominate frame. Permettono di visualizzare più elementi di interesse primario Migliorano l aspetto finale della pagina WEB E consigliabile non eccedere nel loro uso per non appesantire la realizzazione del sito. Un punto a loro sfavore è l incompatibilità con alcuni browser che non supportano il loro utilizzo per cui, di norma, si crea una versione del sito con frames ed una versione senza frames. 14/11/2006 Sistemi di Elaborazione Dati 60
31 HTML Esempio di utilizzo dei frames HOME Frame per il documento Frame per la navigazione Link 1 Link 2 Link 3 Contenuto Home Page 14/11/2006 Sistemi di Elaborazione Dati 61 HTML Suddivisione orizzontale Riga 1 Riga 2 14/11/2006 Sistemi di Elaborazione Dati 62
32 HTML Frames, tag Occorre utilizzare i TAG <frameset> </frameset> Che servono per delimitare la definizione di tutta la struttura e i TAG <frame src= nome1.htm name= alias1 > <frame src= nome2.htm name= alias2 > Che servono a definire il nome convenzionale alle righe o alle colonne 14/11/2006 Sistemi di Elaborazione Dati 63 HTML Frames e Tag <frameset> è il tag iniziale (sostituisce a tutti gli effetti il tag <body>) e raccoglie la descrizione dei frame presenti nella pagina. Quando la lista dei frame termina, si inserisce il tag finale </frameset> Il tag <frame> serve alla definizione di ogni singolo frame e non necessita di chiusura, dato che esso termina quando se ne definisce uno nuovo oppure quando si usa il tag </frameset> Per organizzare una pagina con frame occorre dapprima costruire e predisporre le pagine html che riempiranno i diversi frame e successivamente definire i frame all interno della pagina principale. 14/11/2006 Sistemi di Elaborazione Dati 64
33 HTML Frames, struttura a colonne <HTML> <HEAD> <TITLE>Pagina con Frame</TITLE> </HEAD> <FRAMESET COLS= 15%, 85%"> <frame src= primo.html" name="menu"> <frame src= secondo.html" name="mypage"> </FRAMESET> </HTML> 14/11/2006 Sistemi di Elaborazione Dati 65 HTML Frames, risultato (colonne) 14/11/2006 Sistemi di Elaborazione Dati 66
34 HTML Frames, struttura a righe <HTML> <HEAD> <TITLE>Pagina con Frame</TITLE> </HEAD> <FRAMESET ROWS="25%, 75%"> <frame src= primo.html" name="menu"> <frame src= secondo.html" name="mypage"> </FRAMESET> </HTML> 14/11/2006 Sistemi di Elaborazione Dati 67 HTML Frames, risultato (righe) 14/11/2006 Sistemi di Elaborazione Dati 68
35 Un altro esempio di frame 14/11/2006 Sistemi di Elaborazione Dati 69 Il codice del frame <HTML> <FRAMESET COLS="50%,*"> <FRAME SRC="f2.html" NAME="sinistra"> <FRAMESET ROWS="30%,*"> <FRAME SRC="f3.html" NAME="destra alto"> <FRAME SRC="f4.html" NAME="destra basso"> </FRAMESET> </FRAMESET> <NOFRAMES> <BODY> <P>Testo per browser che non supportano i frame</p> </BODY> </HTML> 14/11/2006 Sistemi di Elaborazione Dati 70
36 I tag dei frame (1) FRAMESET Introduce un gruppo di frame. Attributi: ROWS, COLS: la disposizione delle righe o delle colonne del frameset. Il valore è una lista di numeri separati da virgole. Ogni numero identifica la dimensione di un frame. Espresso o in pixel, o in percentuale, o con un asterisco (divisione equa del rimanente spazio) <FRAMESET ROWS= 30,30%,*,* >: quattro righe, una alta 30 pixel, una alta il 30 per cento dello spazio rimanente, la terza e la quarta si dividono lo spazio rimanente. NOFRAMES Blocco di dati da visualizzare nel caso non si sappiano visualizzare i frame. 14/11/2006 Sistemi di Elaborazione Dati 71 I tag dei frame (2) FRAME Introduce un frame. Attributi: SRC: l URL del documento da visualizzare nel frame. NAME: il nome del frame, da usare nel target dei link <A> FRAMEBORDER, MARGINWIDTH, MARGINHEIGHT: misure di visualizzazione dei margini dei frame NORESIZE, SCROLLING: controllano il ridimensionamento e la possibilità di scrolling del frame. IFRAME Inserisce un frame all interno di un documento HTML normale (non diviso in frame). Attributi: Gli stessi di frame ALIGN e WIDTH: controllano la posizione e la dimensione del frame rispetto alla pagina. 14/11/2006 Sistemi di Elaborazione Dati 72
non è linguaggio di markup formato testo .htm .html interpretando
HTML Gli ipertesti del web sono scritti usando il linguaggio HyperText Markup Language (HTML). HTML non è un linguaggio di programmazione! HTML non ha meccanismi per prendere delle decisioni o compiere
Il linguaggio HTML. <html> </html> I documenti HTML vanno racchiusi dentro una coppia di TAG (marcatori): apertura e chiusura.
Il linguaggio HTML I documenti HTML vanno racchiusi dentro una coppia di TAG (marcatori): apertura e chiusura. . I tag devono essere racchiusi dentro parentesi acute Il tag di chiusura
Formattazione di liste
Formattazione di liste Con HTML si possono costruire liste puntate o numerate: Occorre definire l inizio e la fine della lista e poi definire ogni singolo elemento della lista. Le liste numerate si costruiscono
Introduzione. Elementi di Informatica. Standard. Struttura dei TAG - 1. Annidamento e Indentazione. Struttura dei TAG - 2
Università degli Studi di Udine Facoltà di Ingegneria CORSO DI LAUREA IN SCIENZE dell ARCHITETTURA Elementi di Informatica HTML e CSS D. Gubiani HTML è l acronimo di HyperText Markup Language che tradotto
INTRODUZIONE AL LINGUAGGIO HTML: PARTE 2. Internet + HTML + HTTP = WWW
1 INTRODUZIONE AL LINGUAGGIO HTML: PARTE 2 Internet + HTML + HTTP = WWW Scopo della esercitazione 2 Conoscere i principali tag HTML Realizzare una propria Home Page utilizzando alcuni semplici tag HTML
HTML Guida base. Guida grafica essenziale all Hyper Text Markup Language I parte
HTML Guida base Guida grafica essenziale all Hyper Text Markup Language I parte In questa breve guida imparerai come è fatta la struttura della pagina HTML impostare il titolo della pagina impostare lo
Corso di HTML. Prerequisiti. Modulo L2 B4 - Le tabelle. Concetto di tabella Coordinate di cella in una tabella. M. Malatesta B4-Le tabelle-06
Corso di HTML Modulo L2 B4 - Le tabelle 1 Prerequisiti Concetto di tabella Coordinate di cella in una tabella 2 1 Introduzione In questa Unità illustriamo il concetto e l uso delle tabelle in HTML. Le
Web. HyperText Markup Language
Web HyperText Markup Language HTML HyperText Markup Language permette la creazione di documenti multimediali ipertestuali è il linguaggio per la creazione di pagine web non è l unico: PHP, JavaScript,
Ogni documento HTML è contraddistinto dai seguenti comandi di base, che ne definiscono la struttura:
COMANDI BASE HTML Ogni documento HTML è contraddistinto dai seguenti comandi di base, che ne definiscono la struttura: Nome del documento All'interno
Linguaggio per ipertesti
Linguaggio per ipertesti Un linguaggio per descrivere gli ipertesti è l HyperText Markup Language (HTML) Non è il solo (VRML,XML,...) l HTML è un linguaggio di formattazione e permette di formattare del
Laboratorio Digitale 1
Informatica Corso di PROGRAMMAZIONE Applicata ai Beni IN Culturali RETE Laboratorio Digitale 1 Corso di Laboratorio Digitale 1 Corso di laurea comunicazione e DAMS Laurea Specialistica - Media Education
Tabelle HTML. Tabelle Un po di notazione.
Tabelle HTML!! Le tabelle in HTML permettono di rappresentare tabelle di dati ", ma anche di formattare del testo, delle immagini, altre tabelle in righe e colonne, possono cioè essere usate per l impaginazione
HTML Guida di riferimento
Dipartimento di Elettronica ed Informazione Politecnico di Milano Informatica A - GES Prof. Plebani A.A. 2006/2007 HTML Guida di riferimento La presente dispensa e da utilizzarsi ai soli fini didattici
HTML 3. Liste puntate ed ordinate Immagini
HTML 3 Liste puntate ed ordinate Immagini Creazione di elenchi Elenchi puntati (elenchi non ordinati) Elenchi numerati (elenchi ordinati) Elenchi annidati Elenchi menu Elenchi glossario Tecnologie di Sviluppo
Linguaggio HTML. Elementi di Informatica e Programmazione Università degli Studi di Brescia. Il Linguaggio HTML
Reti Linguaggio HTML 1 Il Linguaggio HTML n HTML = Hypertext Markup Language n Linguaggio di markup di tipo descrittivo (usato per descrivere e formattare documenti ipertestuali) con una sintassi prestabilita
APPUNTI DI HTML (QUARTA LEZIONE)
APPUNTI DI HTML (QUARTA LEZIONE) 1. LA STRUTTURA BASE DELLE TABELLE Le tabelle sono una parte estremamente importante del codice HTML. Sono uno strumento indispensabile per gestire i layout grafici. Immaginiamo
Linguaggi di programmazione PC server-client CSS
Linguaggi di programmazione PC server-client CSS HTML MySQL PHP HTML: Hyper Tex Markup Language PHP: Hypertext Preprocessor CSS: Cascading Style Sheet MySQL: Relational database HTML Hyper Tex Markup Language
Frames. Come organizzare le pagine web usando i frames. Definizione Frame = 1. struttura, armatura, telaio 2. inf. videata, schermata, cornice
Frames Come organizzare le pagine web usando i frames Definizione Frame = 1. struttura, armatura, telaio 2. inf. videata, schermata, cornice Usare i frame Per poter usare i frame è necessario comunicare
World Wide Web. Angelo Di Iorio. ALMA MATER STUDIORUM UNIVERSITA DI BOLOGNA
World Wide Web Angelo Di Iorio angelo.diiorio@unibo.it Cosa è il World Wide Web? Il World Wide Web è un sistema ipertestuale per la presentazione a schermo di documenti multimediali, e per l utilizzo di
Il linguaggio HTML - Parte 5
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 5 Dott. Chiara Braghin braghin@dti.unimi.it Frame I frame (cornici) permettono di suddividere la finestra
Corso di HTML. Prerequisiti. Modulo L3 3 Blocchi di testo
Corso di HTML Modulo L3 3 Blocchi di testo 1 Prerequisiti Formattazione di un testo Struttura a titoli di un testo Giustificazione e allineamento del testo 2 1 Introduzione In questa Unità vediamo altri
Introduzione al linguaggio HTML
Introduzione al linguaggio HTML 1 Richiami introduttivi (1) sito Internet (sito Web o sito WWW) insieme delle pagine che si riferiscono ad uno stesso utente, argomento o azienda, registrate su un server
HTML. Es: La prossima parola è in <b>neretto</b> Es: La prossima parola è in neretto
HTML Il linguaggio HTML (HyperText Markup Language) utilizza annotazioni (tag) per descrivere come verrà visualizzato il documento sul browser di un client. L HTML non è un linguaggio di programmazione
HTML 4.01 Prima lezione
HTML 4.01 Prima lezione A cura di Ivano Stranieri 1 Programma del corso Le basi dell HTML Paragrafi e formattazione del testo Link Tabelle: sintassi ed utilizzo Creazione di frame Form ed interazione con
HTML. Es: La prossima parola è in <b>neretto</b> Es: La prossima parola è in neretto
HTML Il linguaggio HTML (HyperText Markup Language) utilizza annotazioni (tag) per descrivere come verrà visualizzato il documento sul browser di un client. HTML non è un linguaggio di programmazione ma
HTML 5. Tabelle. Bordi di una tabella. Il tag <TABLE> Le tabelle. Tag fondamentali. Costruzione di tabelle riga per riga. Esempi
HTML 5 Tabelle Tag fondamentali Costruzione di tabelle riga per riga Le tabelle Esempi 1 Tecnologie di Sviluppo per il WEB 2 Il tag Una tabella è suddivisa in righe e ciascuna riga è suddivisa
Introduzione ad HTML prima parte WWW. Fabio Vitali
Introduzione ad HTML prima parte Fabio Vitali Introduzione Oggi esaminiamo in breve: u La storia e le caratteristiche di HTML u La struttura di un documento HTML u I tag di testo e blocco e i link u Tabelle
a cura di Romina Biava HTML IMMAGINI ELENCHI TABELLE LINK FRAME FORM STRUTTURA DI UNA PAGINA HTML
a cura di Romina Biava HTML IMMAGINI ELENCHI TABELLE LINK FRAME FORM STRUTTURA DI UNA PAGINA HTML Le pagine web consistono in una "testa", in inglese head e un "corpo", detto anche body.
Tag <br> : per definire l interruzione di riga (andata a capo)(senza tag di chiusura); sta per break row
TAG FONDAMENTALI Tag : per definire l interruzione di riga (andata a capo)(senza tag di chiusura); sta per break row Tag , tag ,.tag : per definire le intestazioni (i titoli) e la loro
Informatica. Comunicazione & DAMS A.A. 2015/16. Dr.ssa Valeria Fionda
Informatica Comunicazione & DAMS A.A. 2015/16 Dr.ssa Valeria Fionda Pagina Web Struttura base pagina Web: (Heading
Serve per impostare. enfatizza il testo (l effetto è quello del grassetto, comando utile per i motori di ricerca) <ul> comandi relativi all immagine
Comandi principali HTML Serve per impostare il titolo della pagina (nella sezione head) il font del titolo 1 il font del titolo 2 paragrafo una o più parole alle quali applicare
Tipi di testo. Esempio 4. Enfasi. Inserire immagini. Esempio 5 INFO WEB LEZIONE N.4
Tipi di testo INFO WEB LEZIONE N.4 RAVENNA, 13 MARZO 2008 All interno di un documento HTML è possibile inserire due tipi di testo Titoli Sei livelli di grandezza , ,, Paragrafi
Tabelle. Tag fondamentali. Costruzione di tabelle riga per riga. Esempi. Tecnologie di Sviluppo per il WEB 2
HTML 5 Le tabelle 1 Tabelle Tag fondamentali Costruzione di tabelle riga per riga Esempi Tecnologie di Sviluppo per il WEB 2 Il tag Una tabella è suddivisa in righe e ciascuna riga è suddivisa
Tutorial di HTML basato su HTML 4.0 e CSS 2
Claudia Picardi Tutorial di HTML basato su HTML 4.0 e CSS 2 Informatica II per Scienze e Turismo Alpino Docenti: Viviana Patti e Claudia Picardi Appendice A Riepilogo dei tag HTML A.1 Struttura del documento
Introduzione ad HTML prima parte WWW. Fabio Vitali & Luca Bompani
Introduzione ad HTML prima parte Fabio Vitali & Luca Bompani Introduzione Oggi esaminiamo in breve: La storia e le caratteristiche di HTML La struttura di un documento HTML I tag di testo e blocco e i
HTML Sesta lezione. 29 Marzo di Ivano Stranieri
HTML 4.01 Sesta lezione 29 Marzo 2004 di Ivano Stranieri 0 Lezione precedente Costruire una tabella Raggruppare righe (e colonne) Unire righe e colonne Attributi di e Come utilizzare
Prof. Renato SICA (ITIS "A. Meucci" - Castelfidardo (AN))
HTML, HyperText Markup Language Prof. Renato SICA (ITIS "A. Meucci" - Castelfidardo (AN)) Scopo della lezione Mostrare, nella pratica, il concetto di ipertesto. Fornire, in pratica, il concetto di interprete.
Intro ad HTML WWW. Fabio Vitali 20 marzo 2000
Intro ad HTML Fabio Vitali 20 marzo 2000 Introduzione Oggi esaminiamo in breve: La struttura di un documento HTML I tag di testo e blocco Link, oggetti, immagini e mappe Form Tabelle Frame Entità predefinite
Cl Calendario dl del corso
Cl Calendario dl del corso 12/02/2010 09.00-12.00 Introduzione al mondo WEB Concetti fondamentali e struttura di un sito e delle pagine pg web Gli URL, i link, le immagini I linguaggi HTML e CSS 16/02/2010
Introduzione ad HTML prima parte WWW. Fabio Vitali
Introduzione ad HTML prima parte Introduzione Oggi esaminiamo in breve: La storia e le caratteristiche di HTML La struttura di un documento HTML I tag di testo e blocco e i link Tabelle Entità predefinite
<!-- TESTO DEL COMMENTO
Il corpo della pagina: il tag Come abbiamo già avuto modo di osservare, il tag definisce ed identifica il corpo della pagina, cioè la "porzione visibile" di un qualsiasi documento HTML. Avendo
Pablo Genova I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S
Breve introduzione all' HTML Pablo Genova gallini.genova@gmail.com I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S. 2017 2018 Un assaggio di HTML Come abbiamo visto nelle lezioni precedenti
Corso di PROGRAMMAZIONE IN RETE
Corso di PROGRAMMAZIONE IN RETE Laurea Specialistica - Media Education Dr. Annamaria Bria 1 1 Dipartimento di Matematica Università della Calabria Riferimenti MANUALE http://www.w3.org/tr/1999/rec-html401-19991224/
HTML Lezione1. Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni
HTML Lezione1 Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni HTML (Hyper Text Markup Language) è formato da definizioni, elementi (tags), questi impartiscono al browser (il programma
Basi di Dati-X HTML HTML HTML. Corso di Laurea in Informatica Anno Accademico 2013/2014
HTML 2 Basi di Dati-X Corso di Laurea in Informatica Anno Accademico 2013/2014 Hyper Text Markup Language linguaggio testuale per descrivere la struttura di documenti ipertestuali disponibili nel World
Corso di HTML. Prerequisiti. Modulo L2. B5-I frame. Percentuali Fattore di scala. M. Malatesta B5-I frame-07 09/01/ /01/2014
Corso di HTML Modulo L2 B5-I frame 1 Prerequisiti Percentuali Fattore di scala 2 1 Introduzione In questa Unità illustriamo la possibilità di dividere la pagina in aree indipendenti chiamate frame. I frame
Informatica di Base Laboratorio di HTML Dott. Serena Villata A.A. 2004/05
Informatica di Base Multid@ms Laboratorio di HTML Dott. Serena Villata A.A. 2004/05 1 Che cos è l HTML? Hyper Text Markup Language Definisce le caratteristiche stilistiche di un documento, non è programmazione!
Comandi principali del linguaggio HTML (Hyper Text Markup Language)
Comandi principali del linguaggio HTML (Hyper Text Markup Language) Caratteristiche di HTML HTML è un linguaggio di formattazione (markup) di documenti ed è il linguaggio base per produrre documenti per
SOMMARIO. Prefazione... XI. Capitolo 1 - Le variabili dell ambiente di progettazione Web... 1
Prefazione... XI Capitolo 1 - Le variabili dell ambiente di progettazione Web... 1 HTML, XML e il futuro dei linguaggi per il Web... 2 Il linguaggio HTML: una breve introduzione storica... 2 Il linguaggio
MODULO 7 HTML HTML. HTLM (Hypertext Markup Language) è un linguaggio per la creazione di documenti ipertestuali e ipermediali
MODULO 7 HTML MODULO 6 - HTML 1 HTML HTLM (Hypertext Markup Language) è un linguaggio per la creazione di documenti ipertestuali e ipermediali Un sistema ipertestuale è un insieme di nodi connessi da collegamenti.
Pablo Genova I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S
Breve introduzione all' HTML Pablo Genova gallini.genova@gmail.com I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S. 2018 2019 Un assaggio di HTML Come abbiamo visto nelle lezioni precedenti
Progettazione multimediale
Progettazione multimediale Le tabelle 1 Obiettivi Perché si usano le tabelle Le proprietà delle tabelle Inserimento e modifica delle proprietà 2 Perché si usano le tabelle Una pagina Web è formata da testo
Introduzione all HTML
prof. ing. Dino Molli SVILUPPO SOFTWARE - FORMAZIONE E CONSULENZA INFORMATICA MARIGLIANO (NA) http://www.dinomolli.it info@dinomolli.it Dispense a cura del prof. ing. Dino Molli Introduzione all HTML Introduzione
Informatica (Sistemi di elaborazione delle informazioni)
Informatica (Sistemi di elaborazione delle informazioni) Corso di laurea in Scienze dell'educazione Lezione 4 HTML Mario Alviano Sommario Internet Paragrafi Caratteri Titoli Liste puntate e numerate Collegamenti
HTML Lezione3 Le Tabelle. Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni
HTML Lezione3 Le Tabelle Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni Le Tabelle Non servono soltanto per incolonnare e tabulare i dati come si potrebbe facilmente pensare. Le
Tabelle. Esempio 20. Inserire righe e colonne. Dimensioni delle tabelle. Attributi del tag TABLE INFO WEB LEZIONE N.6
Tabelle INFO WEB LEZIONE N.6 RAVENNA, 2 APRILE 2008 In HTML le tabelle vengono largamente utilizzate per organizzare i dati in tabelle creare il layout della pagina servendosi di tabelle nascoste Si definiscono
HTML (Hyper Text Mark-up Language)
1 Ipertesto HTML (Hyper Text Mark-up Language) Informatica e laboratorio Biotecnologie 2005-2006 Un ipertesto è un testo che può essere letto sequenzialmente oppure seguendo i rimandi (link) associati
HTML. I tag HTML (parte 1)
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 possono essere tag di apertura: tag di chiusura:
Metodologie Informatiche Applicate al Turismo
Metodologie Informatiche Applicate al Turismo 6. HTML Parte II Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://www.di.unipi.it/ milazzo milazzo di.unipi.it Corso di Laurea in Scienze
HTML Sintassi di HTML Tag principali per i contenuti I Forms
Lezione 1 HTML Sintassi di HTML Tag principali per i contenuti Tag principali per i contenuti I Forms L HTML (HyperText Markup Language) g è il linguaggio gg di markup utilizzato per veicolare le informazioni
HTML - ESERCITAZIONE 1
HTML - ESERCITAZIONE 1 Impostazione - sfondo formattazione 1. Costruisci un file di testo e salvalo come pagina web (con estensione.htm) col nome: Cognome Nome 01. 2. Inserisci nella giusta posizione i
Linguaggio HTML (2) Attributi di <FONT> Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi:
Linguaggio HTML (2) Attributi di Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi: SIZE= numero per modificare le dimensioni Es:
II LINGUAGGIO HTML...1
Indice 1 II LINGUAGGIO HTML...1 1.1 INTRODUZIONE AL WWW...1 1.2 IL DOCUMENTO HTML...2 1.2.1 Elementi...3 1.2.2 Attributi...4 1.2.3 Riferimenti a caratteri...4 1.2.4 Commenti...4 1.3 STRUTTURA GLOBALE DI
HTML Lezione2 Le Immagini e i link. Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni
HTML Lezione2 Le Immagini e i link Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni Le immagini I formati supportati dal websono diversi e variano a seconda del browser adoperato.i
LINGUAGGI PER IL WEB HTML. (HyperText Markup Language)
LINGUAGGI PER IL WEB HTML (HyperText Markup Language) Il World Wide Web World Wide Web = sistema di accesso a Internet basato sul protocollo HTTP insieme di protocolli e servizi (HTTP, FTP, ) insieme di
Le liste non ordinate
Le liste non ordinate Semplici elenchi preceduti da un pallino: segnala l inizio della lista precede ogni voce Attributi: disc(standard), square(quadrato pieno), circle(quadrato
CSS. Esercizi CC BY ALESSANDRO URSOMANDO DIAPOSITIVA 2 CSS PROPRIETÀ
CSS Esercizi CSS PROPRIETÀ DIAPOSITIVA 2 Corredare l esercizio precedentemente realizzato di un file.css che presenti delle dichiarazioni per impostare: l ampiezza del body a 800 pixel a giallo chiaro
HTML 4.01 Seconda lezione
HTML 4.01 Seconda lezione A cura di Ivano Stranieri 0 Lezione precedente Cos è internet browser editor di testo HTML: cos è e cosa non è i marcatori i tag di struttura: DOCTYPE HTML HEAD TITLE META BODY
HTML. Es: La prossima parola è in <b>neretto</b> Es: La prossima parola è in neretto
HTML Il linguaggio HTML (HyperText Markup Language) utilizza annotazioni (tag) per descrivere come verrà visualizzato il documento sul browser di un client. HTML non è un linguaggio di programmazione ma
Storia IL MONDO DELLE APPLICAZIONI: SISTEMI PER LA SCRITTURA. La videoscrittura. La videoscrittura
Storia IL MONDO DELLE APPLICAZIONI: SISTEMI PER LA SCRITTURA Scrivani Macchine da scrivere, ciclostile, fotocopiatrice Primi sistemi per la videoscrittura Desk-top publishing 8 9 La videoscrittura I programmi
Informatica di base 6/ed
Informatica di base 6/ed Autori: Dennis P. Curtin, Kim Foley, Kunal Sen e Cathleen Morin A cura di: Agostino Marengo e Alessandro Pagano Capitolo 13 La programmazione e lo sviluppo di sistemi Copyright
Informatica 2 (COM) Docente: Paolo Franciosa Ricevimento studenti: martedì, ore 12, sala docenti
Informatica 2 (COM) Docente: Paolo Franciosa E-mail: paolo.franciosa@uniroma1.it Ricevimento studenti: martedì, ore 12, sala docenti Laboratorio: in gruppi (presso presidenza) Informazioni Obiettivo: creare
APPUNTI DI INFORMATICA IL LINGUAGGIO HTML
APPUNTI DI INFORMATICA IL LINGUAGGIO HTML Vediamo le seguenti istruzioni dell HTML link permette di dare un colore alla nostra "parola calda", se questo attributo non viene esplicitato
HTML Tutorial HTML By A.C. Neve 1
HTML Tutorial HTML By A.C. Neve 1 Il linguaggio HTML (Hyper Text Markup Language) è il più diffuso linguaggio per la creazione di pagine WEB. La creazione di un documento HTML si effettua con un qualsiasi
"-//W3C//DTD XHTML 1.1//EN
XHTML 1.1 extensible HyperText Markup Language DOCTYPE All inizio di un documento xhtml bisogna specificare a quali regole ci atteniamo. Tutti i documenti che scriveremo inizieranno con 2 righe particolari:
Pablo Genova I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S
Breve introduzione all' HTML Pablo Genova gallini.genova@gmail.com I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S. 2016 2017 Un assaggio di HTML Come abbiamo visto nelle lezioni precedenti
CSS: HTML: Proprietà per la formattazione delle immagini Immagini di sfondo e sfondi multipli. Le immagini mappate
CSS: Proprietà per la formattazione delle immagini Immagini di sfondo e sfondi multipli HTML: Le immagini mappate 1 Le principali proprietà che permettono di manipolare le immagini agiscono sul box mode
NOZIONI BASE DI HTML
NOZIONI BASE DI HTML Aggiornato al 06 marzo 2006 Ermes ZANNONI (ermes@zannoni.to.it) (http://www.zannoni.to.it) Indice : 1. Introduzione 2. Tag di default 3. Formattazione del testo 3.1 Dimensione del
Creazione di tabelle.
Creazione di tabelle. Argomenti trattati: - Premessa: Cosa sono le tabelle in HTML. - Costruiamo una tabella: Come realizzare semplici tabelle con i tag principali ed i loro attributi. - Personalizziamo
MACROSTRUTTURA DEL DOCUMENTO
MACROSTRUTTURA DEL DOCUMENTO Il documento HTML si divide in due parti: l INTESTAZIONE e il CORPO DEL DOCUMENTO Es. dichiarazione iniziale HTML 4.01 :
Laboratorio di Tecnologie Web HTML: Tabelle Dott. Stefano Burigat
Laboratorio di Tecnologie Web HTML: Tabelle Dott. Stefano Burigat www.dimi.uniud.it/burigat Come usare le tabelle Le tabelle HTML possono essere utilizzate in tutti quei casi in cui sia necessario inserire
Fondamenti del linguaggio HTML
Fondamenti del linguaggio HTML dott. ing. Angelo Carpenzano a.carpenzano@neoteksolutions.it 1 Cos è il World Wide Web? Il World Wide Web (WWW) è più spesso chiamato Web ( ragnatela ). Il Web è una rete
Scrivere in Html Tag e loro attributi
Scrivere in Html Tag e loro attributi + Esercizi Prof.ssa Daniela Zangirolami Tutti i diritti sono riservati. Qualsiasi riproduzione, anche parziale, senza autorizzazione scritta è vietata. Legge 633 del
HTML. Hyper Text Mark-Up Language
HTML Hyper Text Mark-Up Language Cos è l HTML? È un linguaggio usato per descrivere documenti ipertestuali disponibili nel Web È un linguaggio di marcatura del testo che descrive il contenuto e il formato
HyperText Markup Language Informatica applicata alla comunicazione multimediale Cristina Bosco
HyperText Markup Language 2016-2017 Informatica applicata alla comunicazione multimediale Cristina Bosco 1. Che cosa e HTML un linguaggio di codifica testuale un linguaggio di marcatura un linguaggio per
Internet e HTML. Client. Server. Richiesta del client. Visualizzazione 07/11/2011. Navigazione: il modello client - server
Navigazione: il modello client - server Internet e Diffusione di informazioni mediante la rete Internet Client computer collegato a Internet in modo permanente o temporaneo. Hardware e sofware di qualsiasi
ELENCHI. 1. Prima 2. Seconda 3. terza. Prima Seconda terza
ELENCHI Un elenco è una serie di voci di testo che possono essere contrassegnate da un punto elenco oppure da un numero o da una lettera e volendo anche da un elemento grafico. Si possono avere elenchi
IMMAGINI INTRODUZIONE
IMMAGINI INTRODUZIONE Prima di inserire le immagini nella pagina HTML, le stesse devono essere copiate all interno della cartella del progetto (Sito). La loro copia può avvenire o tramite Risorse del Computer
Il linguaggio HTML. Marco Porta - CIM: Web Design & Technologies
Il linguaggio HTML 1 Il linguaggio HTML Origini e caratteristiche dell'html... HTML = Hyper Text Markup Language è un linguaggio di markup, e in quanto tale non richiede alcuna conoscenza della programmazione
2.4 Il linguaggio (X)HTML
Fondamenti di Informatica Sistemi di Elaborazione delle Informazioni Informatica Applicata 2.4 Il linguaggio (X)HTML Antonella Poggi Anno Accademico 2012-2013 DIPARTIMENTO DI SCIENZE DOCUMENTARIE LINGUISTICO
INTRODUZIONE AL LINGUAGGIO HTML. Internet + HTML + HTTP = WWW
1 INTRODUZIONE AL LINGUAGGIO HTML Internet + HTML + HTTP = WWW Scopo della esercitazione 2 Conoscere i principali tag HTML Realizzare una propria Home Page utilizzando alcuni semplici tag HTML 3 Architettura
Cimini Simonelli - Testa
WWW.ICTIME.ORG HTML Manuale introduttivo al linguaggio HTML Cimini Simonelli - Testa v.2-11/01/2008 Sommario Introduzione... 3 Formattazione della pagina... 4 Inserire un colore di sfondo... 4 Inserire
Linguaggio per ipertesti
Linguaggio per ipertesti Un linguaggio per descrivere gli ipertesti è l HyperText Markup Language (HTML) Non è il solo (VRML,XML,...) l HTML è un linguaggio di formattazione e permette di formattare del