Applied Information Technology - IV. Sviluppo di pagine web: Basic HTML

2) Basic Tags

2.1) Link (Collegamento)

Sono elementi del documento ipertestuale che consentono agli utenti di fare clic con il mouse su determinate zone dello schermo e svolgere cosù una particolare azione:

raggiungere un'altra parte del documento;
aprire un documento nello stesso sito web;
aprire un documento che si trova in qualche altro sito del WWW.

Link nella specifica di HTML 4 del W3C

Schemi di link:

Schemi di link sequenziali:: si adattano bene per documenti lunghi. Ogni pagina rimanda ad una pagina successiva.
Schemi di link gerarchici:: si adattano bene per testi che non debbono essere letti con un ordine particolare.
Schemi di link personalizzati:: i link delle pagine di questo corso.

<A>Anchor</A>

Descrizione:	crea un collegamento con immagini, suoni, altre aree della stessa pagina o con un'altra pagina web.
Tipo:	tag contenitore.
Attributi:	ACCESSKEY, CHARSET, COORDS, HREF, HREFLANG, ID, NAME, REL, SHAPE, STYLE, TABINDEX, TITLE e TYPE.

Attributi:

HREF: Hypertext REFerence. Questo atributo identifica un puntatore o un percorso che conduce alla destinazione del link.
NAME: è utilizzato per identificare una posizione all'interno di un documento HTML e quindi un "bersaglio" di un link.
ID: analogo a NAME, ma più versatile (ad esempio, indica un selettore nei fogli di stile o un riferimento a un elemento specifico di uno script). Funziona solo su versioni dei browser superiori alla 4.0.

Esempi:

Osservazioni:

inserite il tag <A> all'interno di altri tag, ma non viceversa;
attenzione a non lasciare inutili spazi vuoti all'interno di un link;
usate path relativi quando è possibile.

Esercizi:

1) Riprendete la scheda della vostra piattaforma. Inserite un menu e dei link alle varie voci della pagina. Inserite un collegamento al sito web con la vostra recensione del film. Inserite un collegamento alla pagina che state leggendo.

2) Create un footer comune per i nuovi documenti. Il footer deve contenere un filetto orizzontale, il nome dell'università, la data di aggiornamento della pagina, il vostro nome e un link con il vostro indirizzo di posta elettronica. Inserite quindi il footer nel modello.html.

[Precedente]

[Indice]

[Successiva]

Per informazioni apweb@inwind.it - Ultima modifica 04-Jun-2002