...Personalizza la tua HomePage...
Questa Sezione è Dedicata a Tutti i Webmaster Nofiti e Non
La Struttura -intro- | ||||
|
||||
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 che adoperate, 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 mancanza di questa dichiarazione il documento sarà identificato come rispondente alla specifica HTML 2.0 <HTML>...</HTML> L'elemento <HTML> identifica un documento che contiene elementi HTML, esso dovrebbe seguire l'identificatore di prologo e circondare tutto 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 ai browser quali: titolo, Meta comandi , richiami ai fogli di stile, script. Notare che tutto ciò che si trova all'interno della struttura head non sarà visualizzato, ma interpretato dal browser, quindi una zona destinata ad uso esclusivo dei soli comandi che impartiscono direttive ben specifiche. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> elementi di informazione quali: <LINK> <META> <STYLE> <TITLE> <SCRIPT> </head> la parte restante del documento </html> <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 davvero molti i Meta Comandi che si possono inserire: <META HTTP EQUIV="clicca questo link per un elenco completo."> <STYLE>...</STYLE> Sono molti gli attributi di style che si possono inserire: <STYLE TYPE="text/css"clicca questo link per un'ampia panoramica."> <TITLE>...</TITLE> Il titolo da assegnare alla pagina. <Title>Web-Link - 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 la pagina vera e propria, o almeno quello che si vedrà a video. Quindi il testo, le immagini e 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 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <Title> la mia prima pagina web </Title> </head> <body> Molti gli attributi associabili a questo tag: BACKGROUND BGPROPERTIES BGCOLOR LINK VLINK ALINK TEXT TOPMARGIN BOTTOMMARGIN LEFTMARGIN RIGHTMARGIN la parte restante del documento </body> </html> BACKGROUND Permette di adoperare un'immagine come sfondo della pagina, immagine che dovrà essere di tipo .gif .jpg o .png. Indipendentemente dalle dimensioni verrà usata a riempimento di tutta la finestra del browser, qualunque sia la sua dimensione e risoluzione del 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 soltanto con i browser 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 16 Mil. 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 col 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 16 Mil. 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 col 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 16 Mil. 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 clik su di esso, può essere espresso sia col nome inglese che col 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 16 Mil. di colori. Per default questo colore è rosso (red) #ff0000 TEXT Si adopera questo attributo per decidere il colore di tutto il testo nella pagina, può essere espresso sia col nome inglese che col 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 16 Mil. di colori. Fate attenzione a non assegnare colori assomiglianti allo sfondo, scelta che renderebbe il testo quasi invisibile. MARGINI Topmargin, Bottommargin, Leftmargin, Rightmargin sono i quattro attributi per definire la distanza in pixel rispettivamente da: margine superiore, margine inferiore, margine sinistro e margine destro. Un margine uguale a zero farà 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 definizione 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="black" link="red" vlink="green" topmargin="50" bottommargin="50" leftmargin="50" rightmargin="50" > |