Gli
altri tag - Spaziatura verticale
Il tag Vspace si utilizza per porre uno
spazio superiore o inferiore da un eventuale testo, una immagine e anche dai bordi di una
tabella se ci si trova naturalmente al suo interno. Il valore 10 è espresso in pixel. |
| <img
src="foto.jpeg" width="100"
height="50"
alt="Descrizione immagine" vspace="10"> |
Gli
altri tag - Spaziatura orizzontale
Il tag Hspace si utilizza per porre uno
spazio alla destra e alla sinistra da un eventuale testo, immagine e come vspace, dal
bordo interno di una tabella. Il valore 10 è espresso in pixel. |
| <img
src="foto.jpeg" width="100"
height="50"
alt="Descrizione immagine" vspace="10" hspace="10"> |
Gli
altri tag - Allineamento
E' il tag Align. Questo comando lo abbiamo
già visto prima, ma riporto ugualmente il paragrafo ad esso dedicato:
Si utilizza con gli attributi left, center,
right, per allineare l’immagine rispettivamente a sinistra,
al centro o a destra. Per utilizzare align e tutti i suoi attributi si deve
ricorrere all'esatta sintassi che segue: |
align="left" Allinea l’immagine a
sinistra
align="center"
Allinea l’immagine al centro
align="right"
Allinea l’immagine a destra |
Per vederne gli effetti ricopiate il codice sopra descritto su di un editor html,
salvate la pagina ed eseguitela lanciandola con il vostro browser. |
| <img
src="foto.jpeg" width="100"
height="50"
align="center" alt="Descrizione
immagine" vspace="10"
hspace="10"> |
| I
links
Dopo avere visto come inserire del testo e delle immagini,
passiamo ad analizzare un altro aspetto importante: i links o collegamenti
ipertestuali.
Un link, o "àncora"
sono tutti quegli elementi grafici o testuali che, se cliccati, trasferiscono l'utente in
un altro luogo della pagina, del sito o di un sito esterno rispetto a quello che si sta
consultando al momento.
Spero che fino ad ora abbiate messo in pratica con un
editor (ripeto che lo trovate nella sezione download) la teoria esposta, perchè ora
inseriremo i primi links con il tag <a> </a>.
Ricordando che non ha importanza l'uso delle maiuscole e delle minuscole, mentre lo ha
invece la sintassi (spazi non richiesti, ecc...), il tag <a> e </a>
da solo non serve a molto, deve infatti essere utilizzato con HREF (Hypertext Reference), il quale fa in modo che tutto
quello che è compreso tra il tag <a>
e </a> diventi un ipertesto,
cioè un link.
Riprendiamo ora l'esempio di prima (privato di tutti gli
elementi già visti per evitare confusione) e realizziamo un collegamento ipertestuale ad
esempio alla prima pagina di questo sito: |
<HTML>
<HEAD>
</HEAD>
<BODY>
<A HREF="http://www.testiemanuali.com">Testi e Manuali</A>
</BODY>
</HTML> |
Il codice sopra riportato rende visibile sulla pagina la frase "Testi e Manuali"
che, se cliccata, apre la prima pagina del sito stesso. Fate attenzione ai tags
ed in specie alla chiusura di essi.Resta
ovvio che ogni link potrebbe puntare a diversi bersagli (target), vediamo
alcuni dei quali:
<A HREF="ftp://...">
Collegamento ad un sito FTP.
<A HREF="mailto:...">
Spedizione di una e-mail all'indirizzo specificato, facendo uso del proprio programma di
posta elettronica.
<A HREF="news:...">
Collegamento ad un gruppo di discussione (newsgroup Usenet).
<A HREF="nomefile.zip">
Download di un file compresso.
<A HREF="foto.jpg">
Collegamento ipertestuale ad un’immagine che si aprirà in una finestra
indipendente.
Se il sito è strutturato in frames (cioè
diviso in più settori con uno principale), capiterà di certo che una volta cliccato sul link,
esso apparirà nel settore del link e non in quello principale. Per
ovviare tale inconveniente, utilizzeremo un comando molto potente, anche se per adesso ne
vedremo solo la funzione di puntamento, il comando in questione è target.
Vediamo subito la sintassi per poi commentarla al fine di
rendere agevole la comprensione del nuovo comando. |
<HTML>
<HEAD>
</HEAD>
<BODY>
<A HREF="http://www.testiemanuali.com/index.htm"
target="pagina_Principale">Testi e Manuali</A>
</BODY>
</HTML> |
Dopo avere creato un link, bisogna decidere dove questo deve visualizzare
le informazioni, con il codice che vedete sopra, si deduce che il sito che ospita il link
è strutturato con i frames e che la pagina index.htm di Testi e Manuali
verrà visualizzata nella finestra principale (quella che di solito sta al centro, tra due
riquadri, uno a sinistra che spesso ospita la barra verticale di navigazione e quello
superiore che potrebbe ad esempio ospitare oltre ad una barra orizzontale di navigazione,
un banner o altro ancora). Se si desidera che la pagina collegata venga visualizzata in
una finestra nuova, allora si deve utilizzare il codice seguente: |
<HTML>
<HEAD>
</HEAD>
<BODY>
<A HREF="http://www.testiemanuali.com"
target="_blank">Testi e Manuali</A>
</BODY>
</HTML> |
Fate attenzione alla sintassi di target, contiene un carattere denominato
"underscore", si ottiene con shift + - (tasto
maiuscolo + operatore aritmetico di sottrazione). A questo
punto dovreste essere capaci di realizzare almeno una pagina web con tutte le carte in
regola per funzionare. |
|
