dettagli - Amiga Magazine

Figura I.
compiere sul testo che segue o precede. I tag delimitati da
"< >" sono chiamati tag di apertura o iniziali, mentre i tag
delimitati da "C/ >" sono chiamati tag di chiusura o finali.
Se il tag di apertura "attiva" una determinata funzionalità, il
tag di chiusura ovviamente la "disattiva". 11 testo compreso
tra un tag di apertura e il corrispondente tag di chiusura si
chiama "contenuto". Nell'esempio esaminato ,
, , sono casi di tag di apertura,
mentre i corrispettivi , , ,
sono casi di tag di chiusura. Vi possono essere
poi tag singoli, ovvero tag di apertura che non hanno il
corrispettivo tag di chiusura e in taluni casi il tag di chiusura
può addirittura essere omesso. in generale, un documento
HTML è costituito da "elementi" del tipo:
Il testo contenuto nel tag
che possono anche essere "nidificati" tra loro, così:
Un po' di testo
Un po' di testo anche qua
dove e in questo caso sono due tag a piace-
re.
Ora che conosciamo grossomodo cosa sono i tag, siamo in
grado di tornare sul nostro esempio per stabilire i tag usati
per ottenere quanto riportato in figura 1. L'esempio costi-
tuisce in pratica il prototipo (o se preferite lo scheletro) di
un tipico documento HTML. Ogni documento HTML deve
iniziare con il tag e terminare con . Si
tenga presente che in HTML, per quanto riguarda i nomi
dei tag, non si fa distinzione tra caratteri maiuscoli e minu-
scoli, quindi , o rappresentano
tutti lo stesso tag. È invalsa tuttavia la pratica di indicare i
nomi dei tag con caratteri maiuscoli, per meglio evidenziar-
li rispetto al resto del testo.
Proseguendo nel nostro esame, troviamo il tag .
Le informazioni racchiuse tra e non
compaiono all'interno della pagina visualizzata dal brow-
ser, ma servono a descrivere le proprietà del documento
(come l'autore, il titolo, ecc.). All'interno di trova-
no posto altri tag: per esempio con ...
definiamo il titolo che compare nella barra della finestra
del browser.
Dopo incontriamo : l'intero testo, i link
e le immagini del documento devono essere racchiusi tra i
tag e . Nell'esempio, all'interno di
, troviamo la riga:
che effettivamente rappresenta una riga di ... commento. In
HTML, un commento, ossia una porzione di testo che non
verrà visualizzata dal browser, si deve racchiudere tra C!-- e
-->. Badate che potete usare i commenti per migliorare la
leggibilità dei sorgenti HTML, ma non per celare informa-
zioni. Se la vostra pagina è infatti pubblicata sul Web,
quando sarà trasmessa da un server a un client, verranno
trasmesse anche le righe di commento, che saranno perfet-
tamente visibili a un probabile interlocutore, qualora questi
chiedesse al suo browser di "visualizzare i sorgenti".
Proseguendo ancora all'interno del nostro esempio travia-
mo finalmente il testo che compare nella finestra del brow-
ser, e qui appare la prima "sorpresa": il testo visualizzato
all'interno della finestra del browser è impaginato in ma-
niera differente rispetto al file sorgente, e inoltre compaio-
no dei simboli "strani", come "&egrave;", che non appaio-
no nel browser. Vediamo di cosa si tratta: tranne il testo
contenuto fra una coppia di ... , in HTML gli
spazi aggiuntivi, i caratteri di tabulazione, gli a capo (line
feed) sono equivalenti a uno spazio singolo; ciò significa
che se nel sorgente scrivessimo l'intera frase su una sola ri-
ga o una parola per riga, o ancora se separassimo ciascuna
parola dalla successiva con cento spazi, sul browser otter-
remmo esattamente lo stesso risultato.
I1 simbolo "&egrave;" in HTML viene trasformato dal brow-
ser nel carattere "è". In generale, per ottenere la versione
accentata di tutte le vocali si può utilizzare questa sintassi:
per l'accento grave, e:
per l'accento acuto. Altri simboli si ottengono in maniera
simile, per esempio " n si ottiene con "&ntilde;", mentre il
simbolo di copyright 0, si ottiene con "&copy;".
In HTML non si possono fissare le dimensioni della pagina,