Paolo Coppola homepage→Lab. Informatico 01-02→Scritto 13 giugno

Scritto A del 13 giugno 2002

Tempo concesso: 1 ora. Il punteggio di ogni esercizio è espresso tra parentesi quadre.

Esercizio 1 [2]

Quali dei seguenti frammenti di codice xhtml 1.1 sono corretti?

<p>Prova 1 2 3<br>Prova 1 2 3</p>

<p>Prova 1 2 3<hr>Prova 1 2 3</p>

<p>Prova 1 2 3<p>Prova 1 2 3

<p>Prova 1 2 3</p><p>Prova 1 2 3</p>

Esercizio 2 [2]

Completare con gli opportuni tag xhtml 1.1 il seguente frammento di codice:

<table>
  <tr>.....Mele</th><td>Pere</td>...
  <tr><td ...................="2">Frutta</td></tr>
........

Esercizio 3 [3]

Scrivere in xhtml 1.1 un paragrafo di 4 parole di cui la prima un collegamento ipertestuale a web.uniud.it in enfasi.

Esercizio 4 [4]

Scrivere in xhtml 1.1 un elenco puntato di 3 elementi di cui il secondo s limmagine pippo.gif.

Esercizio 5 [2]

Quali delle seguenti regole di stile CSS sono corrette?

p {color: rgb('12','130','120');}

p, ul {font-variant: blue; margin: 2cm;}

a {padding-left: 3mm; border-top-style: solid;}

a:hover {background-color: yellow color: blue;}

Esercizio 6 [3]

Completare il frammento di codice qui sotto per fare in modo che tutti gli elementi di classe "abc" delle liste, numerate e non, siano in grassetto e con il bordo superiore di colore rosso e alto 0.7 millimetri.

<style ........................>
  ....... {
    ..........-weight: ..................
    border-top-style: solid;
    .........................................
    .......................................mm;
  }
</style>

Esercizio 7 [4]

Scrivere il foglio di stile CSS external necessario a far sì che la pagina web abbia margini sinistro e destro di 2 centimetri, sfondo blu e carattere bianco e che i paragrafi di classe "pari" abbiano interlinea doppia e dimensione del testo tripla.

Esercizio 8 [4]

Con il minimo numero di regole di stile internal fare in modo che il testo in enfasi del frammento qui sotto sia mostrato in grassetto e sottolineato, tranne la parola "panca". Pe quella parola aggiungere le opportune regole di stile per mostrare limmagine "abc.gif" come sfondo.

<title>ABC</title>
  </head>
  <body>
    <p>Sopra la <em>panca</em> la
    <em>capra</em> <strong>campa</strong>
    <em>sotto</em> la <em>panca</em> la capra
    <strong>crepa</strong></p>
  

Esercizio 9 [3]

Si consideri il seguente frammento di codice javascript:

var x = 0;
var y = 0;
for (var i=0; i<3; i++) {
  x = x+2;
  y = y+x;
}
document.writeln('y = '+y);

Cosa viene stampato?

Esercizio 10 [3]

Modificare il codice qui sotto per far in modo che il colore dello sfondo del paragrafo diventi rosso quando si passa sopra con il mouse all'elenco puntato.

<p id="a1">prova prova prova</p>
<ul onclick="document.getElementById('a2').style.color='green';">
  <li id="a2">uno</li>
  <li>due</li>
</ul>
Valid XHTML 1.1! Valid CSS! Paolo Coppola
Last modified: 2002/07/19