.:MENU:.
.:LOGIN FORUM:.
Homepage
Blocco Note
Made with notepad
Guide
Open Source
Forum
Cerca
Contatti
About Us
Raccolta links
Blocco Note
Made with notepad
Guide
Open Source
Forum
Cerca
Contatti
About Us
Raccolta links
.:LOGIN FORUM:.
LEZIONE 02: impostare il tag <BODY>
(Torna all'indice HTML)
Dopo la prima lezione di introduzione all'HTML ora si può passare alla pratica: come personalizzare la propria pagina web. La prima cosa a cui si deve pensare è il colore o l'immagine da mettere come sfondo. Se si vuole semplicemente settare un colore basta semplicemente utilizzare il parametro d'impostazione BGCOLOR.
Questo attributo viene posizionato nel tag <body>: <body bgcolor="colore">.
Il colore di default è il bianco. Al posto di "colore" si deve digitare il colore desiderato, ma in che modo? Ci sono due metodi che si equivalgono:
- Il colore esadecimale (#ffffff, #000000, etc.)
- Il colore scritto in inglese (white, black, etc.)
Andando su questo link potrete trovare moltissime sfumature di colori espresse in codice esadecimale: http://html.it/articoli/esempi/articoli_pro/501/palette.html
Ecco un esempio:
Si creerà una pagina HTML nella quale comparirà la scritta "Lo sfondo di questa pagina è giallo." su sfondo giallo.
Se invece desideriamo inserire un'immagine per sfondo occorrerà utilizzare allo stesso modo di BGCOLOR il parametro BACKGROUND: anch'esso è nel tag <body> e si presenta come
<body background="percorso">
In genere si consiglia di non utilizzare vere e proprie immagini come sfondo, sia per il lento caricamento delle pagine sia perchè con diverse risoluzioni la pagina verrebbe visualizzata non correttamente. Questo attributo è spesso usato come texture: delle piccolissime immagini (anche di pochi pixel) che vengono ripetute all'infinito dal browser fino a riempire tutto lo schermo: lo sfondo che vedete in questo sito ne è un esempio concreto.
Per comunicare al browser dove si trova l'immagine bisogna inserire al posto della scritta "percorso" il link all'immagine. Se si vuole per forza usare una foto come sfondo si può provare ad utilizzare il parametro HTML BGPROPERTIES che va impostato come FIXED. In questo modo quando si userà lo scroll (la rotellina) in una pagina lo sfondo tenderà a stare fermo alleviando il problema del ripetersi dell'immagine. Un esempio può essere:
<body background="percorso" bgproperties="fixed">
Arrivati a questo punto una domanda sorge spontanea: ma se lo sfondo è settato come NERO, come si leggerà il testo che di default è impostato anch'esso sul NERO?
Per ovviare a questo problema occorre cambiare il colore standard del testo: sempre nel tag <body> si aggiungerà il parametro TEXT nel quale impostiamo il colore o in esadecimale o in inglese. In questo modo tutto il testo semplice che verrà scritto nel corpo della pagina sarà di quel colore. Si scrive così: <body text="colore">.
Bisogna sapere che però non esiste solo il testo semplice nelle pagine ma esistono anche i link: per cambiare il loro colore (che di default è blu) nei varii stati si usano i parametri LINK, ALINK, VLINK.
- LINK : imposta il colore dei link;
- VLINK : imposta il colore dei link già stati cliccati;
- ALINK : imposta il colore dei link mentre ci si sta cliccando sopra;
Si otterrà:
<body link="colore" vlink="colore" alink="colore">
Naturalmente non è necessario che essi siano sempre usati tutti contemporaneamente, nella maggior parte dei casi vengono anche lasciati standard.
Per incomprensioni, domande e approfondimenti non esitate a contattare il WEBMASTER
<<-Lezione precedente || Lezione successiva->>
(Torna all'indice HTML)
Dopo la prima lezione di introduzione all'HTML ora si può passare alla pratica: come personalizzare la propria pagina web. La prima cosa a cui si deve pensare è il colore o l'immagine da mettere come sfondo. Se si vuole semplicemente settare un colore basta semplicemente utilizzare il parametro d'impostazione BGCOLOR.
Questo attributo viene posizionato nel tag <body>: <body bgcolor="colore">.
Il colore di default è il bianco. Al posto di "colore" si deve digitare il colore desiderato, ma in che modo? Ci sono due metodi che si equivalgono:
- Il colore esadecimale (#ffffff, #000000, etc.)
- Il colore scritto in inglese (white, black, etc.)
Andando su questo link potrete trovare moltissime sfumature di colori espresse in codice esadecimale: http://html.it/articoli/esempi/articoli_pro/501/palette.html
Ecco un esempio:
Si creerà una pagina HTML nella quale comparirà la scritta "Lo sfondo di questa pagina è giallo." su sfondo giallo.
Se invece desideriamo inserire un'immagine per sfondo occorrerà utilizzare allo stesso modo di BGCOLOR il parametro BACKGROUND: anch'esso è nel tag <body> e si presenta come
<body background="percorso">
In genere si consiglia di non utilizzare vere e proprie immagini come sfondo, sia per il lento caricamento delle pagine sia perchè con diverse risoluzioni la pagina verrebbe visualizzata non correttamente. Questo attributo è spesso usato come texture: delle piccolissime immagini (anche di pochi pixel) che vengono ripetute all'infinito dal browser fino a riempire tutto lo schermo: lo sfondo che vedete in questo sito ne è un esempio concreto.
Per comunicare al browser dove si trova l'immagine bisogna inserire al posto della scritta "percorso" il link all'immagine. Se si vuole per forza usare una foto come sfondo si può provare ad utilizzare il parametro HTML BGPROPERTIES che va impostato come FIXED. In questo modo quando si userà lo scroll (la rotellina) in una pagina lo sfondo tenderà a stare fermo alleviando il problema del ripetersi dell'immagine. Un esempio può essere:
<body background="percorso" bgproperties="fixed">
Arrivati a questo punto una domanda sorge spontanea: ma se lo sfondo è settato come NERO, come si leggerà il testo che di default è impostato anch'esso sul NERO?
Per ovviare a questo problema occorre cambiare il colore standard del testo: sempre nel tag <body> si aggiungerà il parametro TEXT nel quale impostiamo il colore o in esadecimale o in inglese. In questo modo tutto il testo semplice che verrà scritto nel corpo della pagina sarà di quel colore. Si scrive così: <body text="colore">.
Bisogna sapere che però non esiste solo il testo semplice nelle pagine ma esistono anche i link: per cambiare il loro colore (che di default è blu) nei varii stati si usano i parametri LINK, ALINK, VLINK.
- LINK : imposta il colore dei link;
- VLINK : imposta il colore dei link già stati cliccati;
- ALINK : imposta il colore dei link mentre ci si sta cliccando sopra;
Si otterrà:
<body link="colore" vlink="colore" alink="colore">
Naturalmente non è necessario che essi siano sempre usati tutti contemporaneamente, nella maggior parte dei casi vengono anche lasciati standard.
Per incomprensioni, domande e approfondimenti non esitate a contattare il WEBMASTER
Sito ottimizzato per Mozilla Firefox e per una risoluzione di 1024x768 o superiore.
