2
Metodi Informatici per il Turismo Prova scritta 18 Giugno 2012 Esercizio 1. Correggere gli errori nel seguente documento HTML. Per ogni errore individuato riscrivere in maniera corretta la riga che lo contiene riportando anche il numero di riga. 1 <html> 2 <head> 3 <title>Mario Rossi</title> 4 <author name="Mario" lastname="Rossi"> 5 </head> 6 <body bgcolor="pink"> 7 <center> 8 <table border=2> 9 <tr height="400"> 10 <td align="center" width="200"> 11 <img href="foto.jpg" width="100"> 12 </td> 13 <td width="200"> 14 <font face="Courier, monospace"> 15 <ul> 16 <li>Nome: Mario</li> 17 <li>Cognome: Rossi</li> 18 <li>Nato a: Milano</li> 19 <li>Il: 28/02/1964</li> 20 </ul> 21 </font> 22 </td> 23 </tr> 24 </table> 25 <hr> 26 <font size="2"> 27 <paragraph>Dati aggiornati al 18 giungo 2012</paragraph> 28 <font> 29 </center> 30 </body> 31 </html> Esercizio 2. Scrivere un frammento di codice HTML che descrive la seguente tabella: dove: il bordo della tabella ha spessore 2 pixel le colonne sono tutte larghe 100 pixel i nomi delle squadre e i titoli (Semifinali, Finale e Vincitrice) sono centrati nelle rispettive celle il nome della squadra vincitrice nell’ultima riga usa un carattere un po’ pi` u grande del normale 1

Metodi Informatici per il Turismo

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Metodi Informatici per il Turismo

Metodi Informatici per il TurismoProva scritta

18 Giugno 2012

Esercizio 1. Correggere gli errori nel seguente documento HTML. Per ogni errore individuatoriscrivere in maniera corretta la riga che lo contiene riportando anche il numero di riga.

1 <html>2 <head>3 <title>Mario Rossi</title >4 <author name="Mario" lastname="Rossi">5 </head>6 <body bgcolor="pink">7 <center >8 <table border =2>9 <tr height="400">

10 <td align="center" width="200">11 <img href="foto.jpg" width="100">12 </td>13 <td width="200">14 <font face="Courier , monospace">15 <ul>16 <li>Nome: Mario </li>17 <li>Cognome: Rossi</li>18 <li>Nato a: Milano </li>19 <li>Il: 28/02/1964 </li>20 </ul>21 </font>22 </td>23 </tr>24 </table>25 <hr>26 <font size="2">27 <paragraph >Dati aggiornati al 18 giungo 2012</paragraph >28 <font>29 </center >30 </body>31 </html>

Esercizio 2. Scrivere un frammento di codice HTML che descrive la seguente tabella:

dove:

• il bordo della tabella ha spessore 2 pixel

• le colonne sono tutte larghe 100 pixel

• i nomi delle squadre e i titoli (Semifinali, Finale e Vincitrice) sono centrati nelle rispettivecelle

• il nome della squadra vincitrice nell’ultima riga usa un carattere un po’ piu grande delnormale

1

Page 2: Metodi Informatici per il Turismo

Esercizio 3. Scrivere un documento HTML completo la cui visualizzazione sul browser siasimile a quello della seguente pagina:

dove:

• Il titolo del documento e “Smartphones”

• Le parole chiave associate al documento sono “telefono”, “smartphone”, “nokia”, “sam-sung” e “lg”

• La larghezza totale delle aree che contengono i vari contenuti e 800 pixel

• L’area in alto ha colore di sfondo verde chiaro ed e alta 80 pixel. Contiene il titoloprincipale della pagina.

• L’area in mezzo a sinistra ha sfondo blu chiaro e contiene un menu posizionato in alto i cuilink riferiscono alle pagine “home.html”, “catalogo.html” e “recensioni.html” memorizzatenella stessa directory del documento corrente.

• L’area in mezzo a destra ha sfondo bianco e contiene una tabella centrata che ha un bordodi 2 pixel e in cui ogni cella prevede uno spazio tra il bordo e il contenuto (immagine otesto) pari a 25 pixel

• La prima colonna della tabella e larga 150 pixel, mentre la seconda e larga 100 pixel

• Le immagini nella prima colonna corrispondono (nell’ordine) ai files “nokia.jpg”, “sam-sung.jpg” e “lg.jpg” che sono contenuti dentro la sottodirectory “immagini”

• Le immagini nella prima colonna prevedono un testo alternativo che e (nell’ordine) “Smart-phone Nokia”, “Smartphone Samsung” e “Smartphone LG”

• Le celle della seconda colonna hanno titoli (Nokia, Samsung e LG) che sono un po’ piupiccoli del titolo principale

• L’area in basso ha colore di sfondo verde chiaro e altezza 50 pixel. La scritta contenutain quest’area utilizza un font senza grazie ed e un po’ piu piccola del normale

2