- VOGLIAMO ESAGERARE -

I Tag più complessi
ELENCO TAG TRATTATI

- Tag <HTML>
- Tag <HEAD>
- Tag <TITLE>
- Tag <BODY>
- Tag <BGSOUND>
- Tag <EMBED>
- Tag <P>
- Tag <FONT>
- Tag <BR>
- Tag <HR>
- Tag <SUB>,<SUP>
- Altri Tag di testo.
- Caratteri speciali.
- Le liste.
- Tag <A>
- Tag <IMG>
- Tag <MAP>
- Tag <TABLE>
Tag <HTML>
Ogni documento Html è aperto e chiuso dal comando HTML, in modo da renderlo riconoscibile al browser. Il tag si presenta in questo modo: <HTML> (testata, body) </HTML>


Torna a inizio pagina


Tag <HEAD>
Tutte le pagine Web hanno un’intestazione e un corpo. Nell’intestazione della pagina sono contenute tutte le informazioni per il client. All’interno del comando <HEAD> … </HEAD> sono inserite tutte le informazioni relative all’intestazione.

Torna a inizio pagina


Tag <TITLE>
Determina il nome della pagina e non deve mai mancare. La sua lunghezza non deve essere eccessiva, altrimenti la parte finale sarà tagliata.
approfondimento con esempi
Torna a inizio pagina


Tag <BODY>
La funzione del tag BODY è quella di mostrare gli oggetti (testo, immagini, suoni, applet, ecc) della pagina. Il tag BODY è utilizzato sia per fornire al browser indicazioni sulla posizione degli oggetti nel documento sia per impostare vari attributi di visualizzazione per il documento (ad esempio, il colore di sfondo o il colore del testo).


approfondimento con esempi
Torna a inizio pagina


Tag <BGSOUND>
Un buon espediente per rendere più gradevole ed attiva la navigazione in una pagina web è quella di inserire un sottofondo musicale, che può essere un file musicale con estensione .mid .wav e anche .au.


approfondimento con esempi
Torna a inizio pagina


Tag <EMBED>
Esiste un altro tag che permette di mandare in play il nostro suono a piacimento. Si tratta di un diverso modo di inserire un brano musicale in una pagina web, controllandone il funzionamento con un'interfaccia grafica.


approfondimento con esempi
Torna a inizio pagina


Tag <P>
Questo comando permette di inserire un paragrafo all’interno di una pagina web. Ad ogni nuovo paragrafo identificato dal tag <P>, abbiamo un ritorno a capo e una riga vuota.

approfondimento con esempi
Torna a inizio pagina


Tag <FONT>
La scelta del carattere col quale scrivere il testo che compone il sito non sempre è semplice. Il colore dei caratteri non dev'essere troppo acceso e deve avere il maggior contrasto possibile rispetto al colore di sfondo, per non disturbare la lettura. Per un sito commerciale o dedicato ad un'azienda è consigliabile utilizzare sempre il nero con lo sfondo delle pagine in bianco. La dimensione del carattere è strettamente legata al gusto personale: sarà pertanto sufficiente usare misure né troppo grandi né troppo piccole.


approfondimento con esempi
Torna a inizio pagina


Tag <BR>
L'elemento <br> specifica che una nuova riga deve iniziare in un determinato punto (ritorno a capo forzato); più se ne inseriscono, più righe vuote ci saranno.


Torna a inizio pagina


Tag <HR>
Se vogliamo evidenziare maggiormente il distacco, possiamo ricorrere al comando <HR>. L'elemento <HR> (Horizontal Rules) altro non è che una linea orizzontale divisoria, come quella che ho utilizzato in questa pagina per dividere i tag.


approfondimento con esempi
Torna a inizio pagina


Tag <SUB>, <SUP>.
<SUB> abbassa leggermente il piede del carattere (come nelle formule chimiche), <SUP> alza il piede come nei numeri ordinali.

Torna a inizio pagina


Altri Tag di testo
I tag <B>,<I>,<U> definiscono rispettivamente il testo in grassetto, in corsivo e sottolineato. Si possono anche utilizzare insieme per ottenere effetti combinati.
<MARQUEE> permette di fare scorrere un testo, ma è 'dedicato' al browser IE (proprio come <BLINK>, che fornisce l'effetto 'lampeggiamento', è per il browser Netscape)..

approfondimento con esempi
Torna a inizio pagina


Caratteri speciali.
Sono considerati 'speciali' quei caratteri che, per motivi diversi, vengono sostituiti da simboli. Ad esempio, in questa Guida, le parentesi angolari sono state sovente sostituite da simboli per poter presentare i tag, evitando che l'HTML utilizzasse il testo come una vera istruzione.

approfondimento con esempi
Torna a inizio pagina


Le liste.
Spesso in una pagina Web si ha la necessità di descrivere voci o altro sottoforma di elenchi. Il linguaggio HTML offre la possibilità del "sotto TAG" <LI>, che in abbinamento con uno dei tag elenco ("DIR", "OL", "OLTYPE"), crea una voce.


approfondimento con esempi
Torna a inizio pagina


Tag <A>
Per costruire un sito completo e comodo, bisogna servirsi di link, ossia pulsanti o testo interlacciato che ci permettono il collegamento con altre pagine. Tutto ciò è possibile utilizzando il tag <A>.
approfondimento con esempi
Torna a inizio pagina


Tag <IMG>
Il comando HTML fondamentale per inserire immagini è <IMG> ed ha diversi attributi che forniscono indicazioni riguardanti l’immagine.
Un attributo irrinunciabile è "SRC =", che indica l’immagine, seguito dal nome del file desiderato messo tra virgolette subito dopo il segno uguale.
"ALT =" fornisce il testo alternativo all’immagine, utile qualora il browser operi in modalità non grafica o semplicemente per dare informazioni riguardanti l'immagine.
"ALIGN =" fornisce al browser indicazioni relative alla disposizione della figura nella pagina. I valori di ALIGN più utilizzati sono: “left” e “right”, per allineare l’immagine a sinistra o a destra sullo schermo, permettendo al testo di scorrere intorno ad essa.
HEIGHT e WIDTH si utilizzano per ridimensionare l’immagine in altezza e in larghezza.
Con l’attributo BORDER è possibile assegnare un bordo all’immagine.
E' anche possibile utilizzare questo tag per le ANIMAZIONI
(gif animati) e per i FILMATI (piccoli avi).

approfondimento con esempi
Torna a inizio pagina


Tag <MAP>
Una mappa, cioè un'immagine suddivisa idealmente in aree indipendenti (delimitate dalle coordinate dei vertici), viene creata con un programma grafico (tipo Photoshop) e gestita dall'istruzione MAP. Questo tag ci permette di associare collegamenti (link) diversi alle singole aree.


approfondimento con esempi
Torna a inizio pagina


Tag <TABLE>
È possibile con questo comando disegnare tabelle del tutto simili a quelle degli editor di testo o dei fogli elettronici. Queste tabelle sono anche molto utili per 'strutturare' una pagina (come in questa guida).


approfondimento con esempi
Torna a inizio pagina


fine!!!

By Andrea Aimone
- Febbraio 2004
Classe 2^A IGEA - a.s.2003-2004 - M.Buniva - Pinerolo(To)
Un particolare ringraziamento al prof. L.Bianchi
per il 'lungo' lavoro di correzione e integrazione delle bozze!