3.1   Generalità

È possibile utilizzare alcuni degli elementi del linguaggio HTML per marcare le parti del testo di un documento, ossia per assegnare alle stesse un particolare significato; tale marcatura potrebbe in seguito essere utilizzata da dei programmi per la visualizzazione, la composizione per la stampa, o per altre particolari elaborazioni relative al documento stesso.

Gli elementi HTML sono caratterizzati da marcatori di apertura e di chiusura (questi ultimi possono a volte essere omessi; in certi casi non sono neppure previsti) e da un contenuto, ossia da tutto ciò che si trova fra il marcatore di apertura e quello di chiusura relativi all'elemento stesso. I marcatori di apertura hanno la seguente forma:

<NOME>

mentre quelli di chiusura hanno la seguente forma:

</NOME>

dove, con NOME si intende il nome dell'elemento.

<NOME ATTRIBUTO1="valore1" ATTRIBUTO2="valore2">

3.2   I principali elementi di blocco

L'elemento che si utilizza per marcare i paragrafi è l'elemento P.

<P>Questo è il primo paragrafo... bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla. Bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla.</P>

<P>Questo è il secondo paragrafo... bla bla bla bla bla
bla bla bla bla. Bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla. Bla bla bla bla bla bla
bla bla bla bla bla bla bla.</P>

<P>Questo è il terzo paragrafo... bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla.</P>

Tipicamente, un gruppo omogeneo di paragrafi costituisce una sezione autonoma del documento; come tale, la sezione dovrebbe iniziare con un titolo che la contraddistingua all'interno del documento. HTML mette a disposizione una serie di elementi appositi a tale scopo, da H1 a H6; intuitivamente, il primo rappresenta un titolo di importanza maggiore, mentre l'ultimo è quello di importanza minore. Nel caso più semplice, ossia quello di un documento formato da un'unica sezione, su utilizza solitamente solo l'elemento H1, che in questo caso potrebbe servire a marcare anche il titolo del documento stesso (anche se a questo scopo è designato un altro elemento, TITLE, di cui si parlerà in seguito).

<H1>Questo è il titolo della sezione</H1>

<P>Questo è il primo paragrafo... bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla. Bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla.</P>

<P>Questo è il secondo paragrafo... bla bla bla bla bla
bla bla bla bla. Bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla. Bla bla bla bla bla bla
bla bla bla bla bla bla bla.</P>

<P>Questo è il terzo paragrafo... bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla.</P>

<H1>Questo è il titolo della sezione principale</H1>

<H2>Questo è il titolo della prima sezione di secondo
livello</H2>

<P>Questo è il primo paragrafo della prima sezione di
secondo livello...  bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla. Bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla.</P>

<P>Questo è il secondo paragrafo...  bla bla bla bla bla
bla bla bla bla. Bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla. Bla bla bla bla bla bla
bla bla bla bla bla bla bla.</P>

<H2>Questo è il titolo della seconda sezione di secondo
livello</H2>

<P>Questo è il primo paragrafo della seconda sezione di
secondo livello...  bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla.</P>

7.1   Verifica sommaria

Come accennato, i vari elementi di un documento HTML devono distribuirsi secondo determinate regole, così come i vari marcatori relativi agli elementi. Le regole sono di solito codificate all'interno di opportuni documenti pubblicati dal soggetto internazionale responsabile dello standard HTML, il W3C, oppure da altri soggetti come ISO. Però anche un documento HTML incompleto può essere, in parte, controllato, senza tuttavia sperare di validarlo. In ogni caso gli strumenti del pacchetto SP permettono una verifica sommaria, mediante il comando:

$ nsgmls -s FILE_HTML

oppure:

$ nsgmls -s FILE_HTML 2>&1 | less

a seconda della «consistenza» della lista di messaggi generata dal comando nsgmls.

Bisogna, però, avere l'accortezza di utilizzare anche l'elemento BODY; si tratta di un elemento obbligatorio che contiene ciò che viene visto normalmente in fase di resa, altrimenti il comando nsgmls non può funzionare.

<BODY>

<H1>Questo è il titolo della sezione</H1>

<P>Questo è il primo paragrafo... bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla. Bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla.</P>

</P>Questo è il secondo paragrafo... bla bla bla bla bla
bla bla bla bla. Bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla. Bla bla bla bla bla bla
bla bla bla bla bla bla bla.<P>

<P>Questo è il terzo paragrafo... bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla.</P>

</BODY>

$ nsgmls -s esempio2.html 
nsgmls:esempio2.html:1:0:E: no document type declaration; will parse without validation
nsgmls:esempio2.html:11:3:E: end tag for element "P" which is not open
nsgmls:esempio2.html:23:6:E: end tag for "P" omitted, but its declaration does not permit this
nsgmls:esempio2.html:15:8: start tag was here

$ nsgmls -s esempio2.html 
nsgmls:esempio2.html:1:0:E: no document type declaration; will parse without validation

7.2   Verifica completa

<!DOCTYPE HTML PUBLIC "ISO/IEC 15445:2000//DTD HTML//EN">

<HTML>

<HEAD>

<TITLE>...</TITLE>

</HEAD>

<BODY>

...
...
...

</BODY>

</HTML>

<!DOCTYPE HTML PUBLIC "ISO/IEC 15445:2000//DTD HTML//EN">

<HTML>

<HEAD>

<TITLE>Un esempio di documento conforme a ISO 15445</TITLE>

</HEAD>

<BODY>

<H1>Elementi del testo lineare</H1>

<P>All'interno di un <EM>testo lineare</EM> si possono
usare elementi che delimitano e qualificano il testo che
racchiudono.<BR>Questo è un <STRONG>neretto</STRONG>, questa
è la molecola dell'acqua: <CODE>H<SUB>2</SUB>O</CODE>.</P>

<P>Si osservi comunque che non tutti gli elementi che
delimitano del testo lineare producono necessariamente
un effetto visibile nel risultato ottenuto attraverso il
navigatore, oppure possono prevedere l'inserzione di altri
simboli.  Per esempio, Dante Alighieri scrisse: <Q>Nel mezzo
del cammin di nostra vita mi ritrovai per una selva oscura
ché la diritta via era smarrita.</Q></P>

</BODY>

</HTML>

$ nsgmls -s esempio.html

10.1   Introduzione alle tabelle

Le tabelle sono elementi molto usati per la realizzazione di documenti in HTML in quanto permettono di organizzare i dati in strutture formate da righe e colonne.

La tabella è definita dall'elemento TABLE; al suo interno può essere inclusa una didascalia rappresentata dall'elemento CAPTION, quindi il contenuto della tabella viene distinto in intestazione, piede e corpo, all'interno dei quali si inseriscono le righe della tabella stessa. L'intestazione e il piede non sono obbligatori; in ogni caso, se si utilizzano vanno inseriti ordinatamente prima del corpo.

Inoltre, si tenga presente che lo standard ISO 15445 obbliga all'utilizzo dell'attributo SUMMARY nell'elemento TABLE. Questo attributo dovrebbe permettere di riassumere il contenuto della tabella per quelle situazioni in cui dovesse essere impossibile consultarla correttamente (eventualmente, è anche possibilile non sfruttare questa possibilità, pur mantenendo l'aderenza allo standard, semplicemente dando valore nullo all'attributo, così: SUMMARY="").

Ecco gli elementi da usare per la realizzazione delle tabelle HTML:

<TABLE SUMMARY="I numeri interi da 1 a 6"><TBODY><TR><TD>

<P>uno</P></TD><TD><P>due</P>

</TD></TR><TR><TD>

<P>tre</P></TD><TD><P>quattro</P>

</TD></TR><TR><TD>

<P>cinque</P></TD><TD><P>sei</P>

</TD></TR></TBODY></TABLE>

Si noti che la resa grafica del precedente esempio non presenta nessun tipo di messa in risalto dei bordi della tabella; in effetti, lo standard ISO 15445 non consente l'utilizzo di attributi per la descrizione dei bordi da far risaltare, perché per questo si possono applicare degli stili, come viene illustrato nel seguito.

10.2   Introduzione agli stili

L'evoluzione del linguaggio HTML si è sviluppata attraverso la ricerca di introdurre elementi e attributi per il controllo della resa estetica. Tuttavia, questo approccio ha dimostrato di non essere efficace e lo standard ISO 15445 ha eliminato tutto il superfluo, per lasciare il controllo dell'estetica al di fuori del linguaggio, contando eventualmente sui fogli di stile CSS per questo scopo.

Il modo più semplice per utilizzare gli stili è forse quello di incorporare il contenuto di un foglio di stile direttamente all'interno di un documento HTML usando (all'interno dell'elemento HEAD) l'elemento STYLE, come nell'esempio seguente:

<HEAD>

<TITLE>Esempio</TITLE>

<STYLE TYPE="text/css"><!--

H1 { color: blue; }

P { font-size: 8pt; color: red; }

--></STYLE>

</HEAD>

<BODY>

<H1>Questo è il titolo della sezione principale</H1>

<H2>Questo è il titolo della prima sezione di secondo
livello</H2>

<P>Questo è il primo paragrafo della prima sezione di
secondo livello...  bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla. Bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla.</P>

<P>Questo è il secondo paragrafo...  bla bla bla bla bla
bla bla bla bla. Bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla. Bla bla bla bla bla bla
bla bla bla bla bla bla bla.</P>

<H2>Questo è il titolo della seconda sezione di secondo
livello</H2>

<P>Questo è il primo paragrafo della seconda sezione di
secondo livello...  bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla.</P>

</BODY>

Teoricamente, il titolo principale dovrebbe apparire di colore blu e il testo dei paragrafi di colore rosso con dimensioni del carattere leggermente ridotte rispetto al normale, come si vede nella figura successiva:

Il linguaggio CSS (Cascading style sheet) permette di esprimere le caratteristiche «stilistiche» delle varie componenti di un documento HTML; questo avviene tramite regole come la seguente:

H1 { color: blue; }

in cui è presente un selettore (in questo caso H1) seguito da una dichiarazione fra parentesi graffe { e } terminata dal simbolo ;; la dichiarazione è composta da una proprietà separata dal successivo valore tramite il simbolo :. Una dichiarazione può eventualmente essere composta da più coppie proprietà/valore, come nel seguente esempio:

P { font-size: 8pt; color: red; }

Inoltre, al posto di un singolo selettore potrebbe essere indicata una lista di selettori separata dal simbolo ,.

Il selettore di una regola CSS è qualcosa che rappresenta una parte del testo a cui si vogliono applicare le dichiarazioni relative. Nella situazione più semplice, il selettore viene indicato con il nome dell'elemento a cui si attribuisce, come già apparso negli esempi mostrati in precedenza.

10.3   Applicazione degli stili alle tabelle

Un caso particolarmente interessante di utilizzo degli stili è quello che permette di «decorare» opportunamente le tabelle HTML, le quali (si rammenti) normalmente vengono rese in una forma esteticamente piuttosto spoglia. A tale scopo sono utili le proprietà CSS seguenti: border-style, border-width, background-color.

<HEAD>

<TITLE>Esempio</TITLE>

<STYLE TYPE="text/css"><!--

TABLE { border-style: dotted; border-width: thick; }

--></STYLE>

</HEAD>

<BODY>

<TABLE SUMMARY="I numeri interi da 1 a 6"><TBODY><TR><TD>

<P>uno</P></TD><TD><P>due</P>

</TD></TR><TR><TD>

<P>tre</P></TD><TD><P>quattro</P>

</TD></TR><TR><TD>

<P>cinque</P></TD><TD><P>sei</P>

</TD></TR></TBODY></TABLE>

</BODY>

<STYLE TYPE="text/css"><!--

TABLE { border-style: solid; border-width: medium; }

TD { border-style: dashed; border-width: thin;
background-color: yellow; }

--></STYLE>

TABLE { border-style: solid; border-width: thin; }

TD { border-style: dotted; border-width: thin; }

10.4   Approfondimento

Ecco nel dettaglio le principali proprietà di interesse nello stile delle tabelle e di tutti i blocchi rettangolari:

Nel capitolo intitolato «Blocchi» degli «Appunti di informatica libera» il lettore potrà trovare ulteriori informazioni in merito.

10.5   Tabelle più complesse

Si consideri ad esempio la seguente figura:

la quale rappresenta una tabella con piede, corpo e intestazione. Per ottenere una simile tabella, completa di bordi sulle singole celle, è possibile scrivere il seguente codice HTML:

<HEAD>

<TITLE>Esempio tabella con stili</TITLE>

<STYLE TYPE="text/css"><!--

THEAD { background-color: cyan; }

TFOOT { background-color: yellow; }

TD { border-style: solid; border-width: thin; }

--></STYLE>

</HEAD>

<BODY>

<TABLE SUMMARY=""><THEAD><TR><TD>

<P>Codice RGB</P></TD><TD><P>Denominazione</P>

</TD></TR></THEAD><TFOOT><TR><TD>

<P>Codice RGB</P></TD><TD><P>Codice RGB</P>

</TD></TR></TFOOT><TBODY><TR><TD>

<P>255,0,0</P></TD><TD><P>Rosso</P>

</TD></TR><TR><TD>

<P>0,255,0</P></TD><TD><P>Verde</P>

</TD></TR><TR><TD>

<P>0,0,255</P></TD><TD><P>Blu</P>

</TD></TR></TBODY></TABLE>

</BODY>

Come esercizio per il lettore volenteroso, si provi l'effetto della proprietà border-collapse in corrispondenza del selettore TABLE, tenendo presente i valori separate e collapse.

10.6   Accorgimenti per HTML2ps

HTML2ps (versione 1.0 beta3) non gestisce che un limitato sottoinsieme di regole del linguaggio CSS, e in particolare sembra ignorare le proprietà riguardanti i bordi dei blocchi rettangolari, il che influsce sulla resa delle tabelle. Inoltre non considera le proprietà riguardanti il colore dello sfondo, e altre ancora come la larghezza delle celle.

Per risolvere, almeno in parte, il primo problema si deve uscire dall'ambito dello standard ISO 15445, e in particolare utilizzare l'attributo BORDER dell'elemento TABLE ¹, previsto ad esempio da standard meno restrittivi, come HTML 4.01 o addirittura HTML 3.2 di W3C.

<TABLE SUMMARY="I numeri interi da 1 a 6"><TBODY><TR><TD>

<TABLE SUMMARY="I numeri interi da 1 a 6" BORDER="1"><TBODY><TR><TD>

Ci sono almeno due effetti collaterali indesiderati nella soluzione proposta nel precedente esempio:

1. il documento HTML modificato non può essere conforme allo standard ISO 15445, e una verifica sintattica potrebbe fornire il messaggio there is no attribute "BORDER";
2. volendo prevedere sia la produzione di documenti conformi allo standard ISO 15445 che di versioni stampate complete, è necessario mantenere parallelamente almeno due versioni del documento, una per ciascun tipo di esigenza.

Per quanto riguarda il secondo problema, può venire in aiuto il seguente script SED:

#!/bin/sed -f
#
# htmltableborder.sed
#
s/\(<TABLE\)/\1 BORDER=\"1\"/g

Per illustrarne il funzionamento si consideri il seguente esempio interattivo:

$ cat tab.html
<TABLE SUMMARY="I numeri interi da 1 a 6"><TBODY><TR><TD>
<P>uno</P></TD><TD><P>due</P>
</TD></TR><TR><TD>
....
$ ./htmltableborder.sed tab.html > tab-no-iso.html
$ cat tab-no-iso.html
<TABLE BORDER="1" SUMMARY="I numeri interi da 1 a 6"><TBODY><TR><TD>
<P>uno</P></TD><TD><P>due</P>
</TD></TR><TR><TD>
....

Pertanto, se si desidera aggiungere l'attributo non conforme BORDER prima di dare il documento HTML in pasto a HTML2ps, si può procedere con una pipeline, come segue:

$ ./htmltableborder.sed tab.html | html2ps -o tab.ps

11.1   nVI

Ovviamente la realizzazione pratica di quanto sopra descritto dipende sia dallo specifico editor utilizzato che dallo stile che l'autore sceglie di adottare; per quanto riguarda lo stile, una lettura attenta degli esempi proposti dovrebbe chiarire alcuni aspetti stilistici congeniali all'autore del presente documento; relativamente all'editor, si propone in questa sezione una soluzione che riguarda nVI, l'editor utilizzato dall'autore (se il lettore intende adattare tali proposte al suo editor preferito dovrà ovviamente consultare l'opportuna documentazione).

:ab CPP Codice di Procedura Penale

11.2   Script per la post-elaborazione

Quando si studia il linguaggio HTML capita spesso di fare dei tentativi allo scopo di imparare l'uso dei vari elementi del linguaggio; tali tentativi si concretizzano nella composizione di frammenti HTML, ossia di parti incomplete che successivamente si intende inserire in un documento HTML completo e conforme. Alle volte tali frammenti raggiungono dimensioni ragguardevoli, mancando per renderli completi solamente la parte «amministrativa» del documento, ossia gli elementi HTML, HEAD, TITLE e i marcatori dell'elemento BODY, nonchè la dichiarazione del tipo di documento.

Sarebbe una buona pratica che ciascuno mantenesse a propria disposizione un file che contenga lo schema generale di un documento HTML, come esemplificato nella sezione intitolata Standard HTML, e partire da quello schema ogni volta che si intendesse preparare un documento nuovo; tuttavia, qualora invece si volesse completare un frammento già preparato, può tornar utile il seguente script di shell POSIX:

#!/bin/sh
#
# htmlcomp.sh
#
cat <<fInE
<!DOCTYPE HTML PUBLIC "ISO/IEC 15445:2000//DTD HTML//EN">

<HTML>

<HEAD>

<TITLE> </TITLE>

</HEAD>

<BODY>

fInE
cat $1
cat <<fInE

</BODY>

</HTML>
fInE

il cui utilizzo è esemplificato nella seguente sessione interattiva:

$ cat frammento.html
<H1>Esempio con liste</H1>

<OL><LI>

  <P>primo</P>

</LI><LI>

  <P>secondo</P>

  <UL><LI>

    positivo

  </LI><LI>

    negativo

  </LI></UL>

</LI><LI>

  <P>terzo</P>

</LI></OL>
$ ./htmlcomp.sh frammento.html            
<!DOCTYPE HTML PUBLIC "ISO/IEC 15445:2000//DTD HTML//EN">

<HTML>

<HEAD>

<TITLE> </TITLE>

</HEAD>

<BODY>

<H1>Esempio con liste</H1>

<OL><LI>

  <P>primo</P>

</LI><LI>

  <P>secondo</P>

  <UL><LI>

    positivo

  </LI><LI>

    negativo

  </LI></UL>

</LI><LI>

  <P>terzo</P>

</LI></OL>

</BODY>

</HTML>
$ ./htmlcomp.sh frammento.html | nsgmls -s
$ 

13.1   Premessa

Qual è l'obiettivo principale del presente documento?

13.2   La struttura fondamentale di un documento

Si prenda in considerazione un testo scritto, per esempio una pagina di un romanzo oppure una parte di un libro di testo (di Storia, di Geografia, eccetera); se ne analizzi attentamante la struttura: in particolare se ne contino le varie componenti (parole, spazi e altri simboli speciali, proposizioni, periodi, paragrafi, simboli di punteggiatura, congiunzioni, predicati verbali, sezioni di vario livello, eccetera).

13.3   Elementi fondamentali di HTML

Cosa significa l'acronimo «HTML»? Cosa si intende con la frase «marcare un testo»?

Si specifichi la struttura generale di un elemento HTML. Cosa si intende per «marcatore», «contenuto», «attributo»?

Cos'è una «sezione»? Come si può specificare l'inizio di una sezione? Che differenza c'è fra l'elemento H1 e l'elemento TITLE?

13.4   Resa ed elaborazione di un documento HTML

Fare degli esempi di programmi idonei alla visualizzazione e alla preparazione per la stampa su carta dei documenti HTML.

Scrivere il comando necessario per trasformare il documento HTML denominato pippo.html nel file PostScript denominato pluto.html.

Ripetere l'esercizio del precedente paragrafo specificando che si vuole ottenere la numerazione delle pagine su carta formato A3.

13.5   Alcuni elementi di testo

Cosa si intende con «testo lineare»?

Che differenza c'è fra l'elemento EM e l'elemento STRONG?

Che differenza c'è fra l'elemento SUB e l'elemento SUP?

13.6   Inserimento immagini

Illustrare l'uso dell'elemento IMG; spiegare in particolare lo scopo dell'attributo ALT.

13.7   Verifica di correttezza sintattica

Cosa significano gli acronimi «W3C» e «ISO»?

Quale comando si può utilizzare per verificare la correttezza sintattica di un documento HTML?

Provare a modificare o spostare i marcatori degli elementi di un documento HTML inizialmente corretto per indurre il verificatore sintattico a rilevare gli errori introdotti.

13.8   Testo preformattato

Spiegare le differenze fra gli elementi CODE e PRE.

Spiegare le differenze fra gli elementi P e PRE.

13.9   Elenchi numerati e puntati

Che differenza intercorre fra l'elemento OL e l'elemento UL? E fra di essi e l'elemento LI?

Cosa si intende per elenchi «annidati»?

13.10   Tabelle e cenni sugli stili

Elencare gli elementi che contribuiscono alla creazione di una tabella HTML.

Spiegare la differenza fra l'elemento CAPTION e l'elemento SUMMARY.

Correggere il seguente esempio errato:

<TABLE SUMMARY="radicchio a 10 euro/kg, zucchine a 8 euro/kg,
ciliege a 20 euro/kg" CAPTION="Lista prodotti ortofutticoli
2004" BORDER="0"><TBODY><TD>

<P>Radicchio</P><TD></TD><P>10....

....

trasformandolo in un frammento conforme ISO 15445.

Spiegare la differenza fre l'elemento TH e l'elemento THEAD.

Quali sono gli elementi obbligatori per una tabella? Quali quelli facoltativi? In quale ordine devono susseguirsi?

Per quale motivo lo standard ISO 15445 non permette di evidenziare i bordi?

Cosa significa l'acronimo «CSS»?

Cosa c'è di errato nella seguente dichiarazione CSS?

H1 ( color=blu, font-size=monospace: )

Effettuare una ricerca per determinare quali sono i colori utilizzabili (invocandoli per nome) in un documento HTML.

Fare un esempio ciascuno, in linguaggio CSS, di regola, selettore, dichiarazione, proprietà, valore.

Elencare le principali proprietà CSS inerenti alla decorazione delle tabelle HTML. Per ciascuna di esse si elenchino almeno due valori.

Esercitarsi all'uso dello script border.sed.

13.11   Riferimenti ipertestuali

Si spieghi cosa non va nel seguente esempio di riferimento ipertestuale:

<A="prova.html">Pagina di prova</A>

13.12   Esercizi vari

Nei seguenti esercizi non si tralasci la verifica sintattica dei documenti che di volta in volta si chiede di preparare.

Due favole di Esopo

La volpe e l'uva

`Che fame!' esclamò la volpe, che era a digiuno da un
paio di giorni e non trovava niente da mettere sotto i
denti; girellando qua e là, capitò per caso in una
vigna, piena di grappoli bruni e dorati.

`Bella quell'uva!' disse allora la volpe, spiccando un
primo balzo per cercare di afferrarne un grappolo. `Ma
com'è alta!' e fece un altro salto. Più saltava e più
le veniva fame: fece qualche passo indietro e prese la
rincorsa: niente ancora! Non ce la faceva proprio.
Quando si accorse che tutti i suoi sforzi non
servivano a nulla e che, continuando così, avrebbe
potuto farsi deridere da un gattino che se ne stava a
sonnecchiare in cima alla pergola, esclamò: `Che
brutta uva! È ancora acerba, e a me l'uva acerba non
piace davvero!' E si allontanò di là con molta
dignità, ma con una gran rabbia in cuore.

Il lupo e l'agnello

Un agnello si dissetava alla corrente di un ruscello
purissimo. Sopraggiunse un lupo in caccia: era digiuno
e la fame lo aveva attirato in quei luoghi.

- Chi ti dà tanto coraggio da intorbidare l'acqua che
bevo? - disse questi furioso.
- Sire. - rispose l'agnello - io sto dissetandomi
nella corrente sotto di lei, per ciò non posso
intorbidare la sua acqua!
- La sporchi - insisté la bestia crudele - E poi so
che l'anno scorso hai detto male di me.
- Io?! Ma se non ero nato - rispose l'agnello.
- Se non sei stato tu, è stato tuo fratello.
- Non ho fratelli.
- Allora qualcuno dei tuoi; perché voi, i vostri
pastori e i vostri cani ce l'avete me. Me l'hanno
detto: devo vendicarmi.

Detto questo il lupo trascinò l'agnello nel fitto
della foresta e se lo mangiò.