Programmazione Web SSSAA 2022-2023

Serie 1
Esercizio 1: introduzione
a) Definisci brevemente cosa è HTML.
b) Definisci brevemente quali sono i linguaggi per sviluppare una pagina web ed il loro utilizzo.

Esercizio 2: tags e attributi

a) Definisci brevemente quali sono i componenti principali di una rete internet ed il loro utilizzo.
b) Cosa significa elemento contenitore? Fammi due esempi.
c) Cosa significa elemento vuoto? Fammi due esempi.
d) Cosa significa elementi annidati?
e) Correggi i seguenti codici html:
I. <p>Questo è un esempio di <b>paragrafo</b><p/>
II. <p>Mi piace andare al mare, ci sono tanti <u>pesci</u>
III. <p>Quando vado in <b>vacanza<u> sono </b>contento</u></p>
IV. <p>Sto imparando il linguaggio html</p>.
V. <p>Questo<b>esercizio<b><u>è</u><b>facile</b>!</p>
VI. <p>Il tag seguente è una linea orizzontale:</p></hr>
VII. <p>Vuoi visitare google? <a href=http://www.google.com></a></p>
VIII. <hr width=50% />
f) Quale è la sintassi corretta per un attributo di un tag?

Esercizio 3: Percorsi relativi e percorsi assoluti

a) Sia data la seguente struttura ad albero:

I. Descrivere la struttura ad albero delle cartelle e dei file visualizzato sopra.

II. Quale è il percorso relativo della risorsa logo.png rispetto al file home.html?
III. Quale è il percorso relativo della risorsa contatti.html rispetto al file home.html?
IV. Quale è il percorso assoluto della risorsa home.html?
V. Quale è il percorso assoluto della risorsa logo.png?
Programmazione Web SSSAA 2022-2023

b) Sia data la seguente struttura ad albero:

I. Descrivi la struttura ad albero delle cartelle e dei file visualizzato sopra.

II. Quale è il percorso relativo della risorsa logo.png rispetto al file home.html?
III. Quale è il percorso relativo della risorsa logo.png rispetto al file contatti.html?
IV. Quale è il percorso assoluto della risorsa logo.png

c) Sia data la seguente struttura ad albero:

I. Quale è il percorso relativo della risorsa contatti.html rispetto al file home.html?

II. Quale è il percorso relativo della risorsa logo.png rispetto al file home.html?
III. Quale è il percorso relativo della risorsa img_home.png rispetto al file home.html?
IV. Quale è il percorso relativo della risorsa news.html rispetto al file contatti.html?
V. Quale è il percorso relativo della risorsa video_contatti.mpeg rispetto al file contatti.html?
VI. Quale è il percorso relativo della risorsa logo.png rispetto al file news.html?
VII. Quale è il percorso relativo della risorsa video_news.mpeg rispetto al file news.html?
VIII. Quale è il percorso relativo della risorsa contatti.html rispetto al file news.html?
IX. Quale è il percorso assoluto della risorsa news.html?
X. Quale è il percorso assoluto della risorsa video_news.mpeg?