Identificatore di prologo
Affinchè un documento sia identificato come HTML,esso deve iniziare con il prologo: !DOCTYPE
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
Questo tipo di riga chiamata prologo è solitamente generata in modo automatico dall'editor visuale o testuale che sia, non è obbligatoria ed ha il solo compito di informare il browser che si tratta di un documento html relativo a determinate specifiche, in mancaza di questa dichiarazione il documento sarà identificato come rispondente alla specifica HTML 2.0
<HTML>...</HTML>
L'elemento <HTML> identifica un documento che contiene eòementi HTML esso dovrebbe immediatamente seguire l'identificatore di prologo e circondare tutti il testo restante inclusi tutti gli altri elementi o tags
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
la parte restante del documento
</html>
|
<HEAD>...</HEAD>
L'elemento <HEAD> viene utilizzato per fornire informazioni sul documento in questa sezione trovano posto tutti quei tags che impartiscono direttive al browser quali: il titolo, i Meta comandi , i richiami ai fogli di stile, gli script. Notare che tutto ciò che si trova all'interno della struttura head non sarà visualizzato ma bensì interpretato dal browser quindi una zona destinata ad uso esclusivo dei soli comandi che impartiscono direttive ben specifiche.
| ||||||
<BASE>
Consente di specificare la destinazione per tutti i link della pagina qualora questa fosse strutturata in frames:
|
<BASE TARGET="nome_del_frame_sul_quale_aprire_i_links">
|
<LINK>
Ha diverse funzioni ma la più adoperata è il richiamo a fogli di style esterni:
|
<LINK REL="stylesheet href="weblink.css" type="text/css">
|
<META>
Sono molti i Meta comandi inseribili:
|
<META HTTP EQUIV="clicca qui per un elenco completo">
|
<STYLE>...</STYLE>
Sono molti gli attributi di style inseribili:
|
<STYLE TYPE="text/css"clicca qui per un'ampia panoramica">
|
<TITLE>...</TITLE>
Il titolo da assegnare alla pagina.
|
<Title>WebLink - Tutto per la costruzione delle tue pagine web</Title>
|
<SCRIPT>...</SCRIPT>
Inserimento di funzioni o altro sotto forma di script:
|
<script LANGUAGE="JavaScript" type="text/javascript">......</script>
|
<BODY>...</BODY>
L'elemento <BODY> contiene tutto il testo e le immagini che compongono la pagina compresi tutti gli elementi che forniscono il controllo e la formattazione della pagina stessa. I possibili attributo sono : Background, Bgcolors, Bgproperties, Link, Vlink, Alink, Text, Topmargin, Bottommargin, Leftmargin, Rightmargin
| ||||||
BACKGROUND
permette di adoperare una immagine come sfondo della pagina, immagine che dovrà essere di tipo .gif o .jpg e indipendentemente dalle dimensioni verrà usata a riempimento di tutta la finestra del browser qualunque sia la sua dimensione o risoluzione video:
|
<body background="nome_immagine.gif">
|
E' possibile richiamare l'immagine anche da altro sito specificandone l'indirizzo completo (URL)
|
<body background="http://freeweb.org/inernet/ab/nome_immagine.gif">
|
BGPROPERTIES
L'immagine adoperata a riempimento può essere tenuta ferma durante lo spostamento verticale (scrolling) sulla pagina dando l'impressione di scivolare con le immagini e i testi sullo sfondo, operazione per altro possibile sono con browser MS IE
|
<body background="nome_immagine.gif" bgproperties="fixed">
|
BGCOLOR
Si adopera questo attributo per colorare lo sfondo della pagina di una tinta unita il colore può essere espresso sia col nome inglese che nel relativo codice esadecimale
|
<body bgcolor="green">
|
oppure |
|
<body bgcolor="#006600">
|
La notazione esadecimale è da preferirsi in quanto permette con estrema semplicità di poter scegliere fra una tavolozza di ben 16Mil. di colori.
LINK
Si adopera questo attributo per decidere il colore di tutti i links facenti parte della pagina, può essere espresso sia col nome inglese che nel relativo codice esadecimale
|
<body link="green">
|
oppure |
|
<body link="#006600">
|
La notazione esadecimale è da preferirsi in quanto permette con estrema semplicità di poter scegliere fra una tavolozza di ben 16Mil. di colori. Per default questo colore è blù (blue) #0000ff
VLINK
Si adopera questo attributo per decidere il colore di tutti i links dopo che questi sono stati visitati, può essere espresso sia col nome inglese che nel relativo codice esadecimale
|
<body vlink="green">
|
oppure |
|
<body vlink="#006600">
|
La notazione esadecimale è da preferirsi in quanto permette con estrema semplicità di poter scegliere fra una tavolozza di ben 16Mil. di colori. Per default questo colore è porpora (purple) #800080
ALINK
Si adopera questo attributo per decidere il colore di tutti i links attivi colore che cammbierà nel moneto del clic su di esso, può essere espresso sia col nome inglese che nel relativo codice esadecimale
|
<body alink="green">
|
oppure |
|
<body alink="#006600">
|
La notazione esadecimale è da preferirsi in quanto permette con estrema semplicità di poter scegliere fra una tavolozza di ben 16Mil. di colori. Per default questo colore è rosso (red) #ff0000
TEXT
Si adopera questo attributo per decidere il colore di tutto il testodella pagina, può essere espresso sia col nome inglese che nel relativo codice esadecimale
|
<body text="green">
|
oppure |
|
<body text="#006600">
|
La notazione esadecimale è da preferirsi in quanto permette con estrema semplicità di poter scegliere fra una tavolozza di ben 16Mil. di colori. Fare attenzione a non assegnare colori assomiglianti allo sfondo che renderebbe il testo quasi invisibile.
MARGINI
Topmargin, Bottommargin, Leftmargin, Rightmargin sono i quattro attributi per definire la distanza in pixel rispettivamente dal margine superiore, inferiore, sinistro e destro un margine uguale a zero fa si che il testo inizi praticamente sul bordo della finestra del browser:
|
<body topmargin="30">
|
|
<body bottommargin="30">
|
|
<body leftmargin="30">
|
|
<body rightmargin="30">
|
ESEMPIO
Riassumendo questa potrebbe essere una devinizione del corpo (body) di una pagina che abbia uno sfondo come riempimento e questo resti fisso durante le operazioni di spostamento (scrolling) con un testo di colore nero i links di colore rosso, i links visitati di colore verde il tutto con una distanza dai quattro margini di 50 pixel:
|
<body background="nome_immagine.gif" bgproperties="fixed" text="blak" link="red" vlink="green" topmargin="50" bottommargin="50" leftmargin="50" rightmargin="50" >
|
Andrea Bianchi
Puoi lasciarmi un msg, un suggerimento, una critica.
© Andrea Bianchi 1997-1998-1999-2000