...Personalizza la tua HomePage...
Questa Sezione è Dedicata a Tutti i Webmaster Nofiti e Non
| La Formattazione del Testo | ||||
|
||||
| <BASEFONT> Specifica le dimensioni del font (carattere) di base su cui si basano poi tutte le relative modifiche di <FONT SIZE=+..> Il valore di default è 3 e può essere compreso tra 1 e 7. Questo Tag è in via di estinzione visto che con i nuovi browser e i relativi fogli di style si ha la sempre più la tendenza a non adoperare più il tag <FONT>- <BASEFONT SIZE=4> SI possono inserire anche altri due attributi FACE specifica il tipo di font COLOR specifica il colore che potrebbe essere espresso oltre che col nome in inglese anche con il codice numerico esadecimale. <BASEFONT SIZE="4" FACE="arial" COLOR="green"> Questo Testo Prova il Tag BASEFONT Il mio consiglio è di non adoperarlo, guardate la sezione dedicata ai fogli di style e capirete il perchè. <BR> L'elemento <BR> specifica che una nuova riga deve iniziare in un determinato punto, un ritorno a capo forzato, più consecutivi equivalgono a più righe saltate. <BR> Con l'aggiunta di immagini flottanti, allineate a destra o sinistra con il testo che le contorna, è possibile aggiungere l'attributo CLEAR con i seguenti risultati: CLEAR=left : Spezza la riga e si sposta verticalmente verso il basso fino ad avere un margine sinistro libero. CLEAR=right : Stessa cosa ma con margine libero destro. CLEAR=ALL : Si sposta verso il basso fino a quando entrambi i margini non siano liberi da immagini. <CENTER>...</CENTER> Tutto ciò che si trova fra gli elementi center /center sarà centrato rispetto ai margini destro e sinistro della finestra del browser. Questo Tag è in disuso da quando elementi quali <DIV> offrono maggiore flessibilità, si ottengono analoghi risultati anche assegnando l'attributo alingn=center ai vari tags di formattazione. <CENTER> Questo testo è centrato sulla finestra di visualizzazione </CENTER> Questo testo è centrato sulla finestra di visualizzazione <COMMENT>...</COMMENT> Consente di lasciare un testo di commento all'interno del listato html senza che questo possa influire o essere visualizzato dal browser. Lo stesso risultato si ottiene anche con i tags <!-- ... --> <COMMENT> Questo testo non serve a niente è semplicemente un commento, un qualcosa da ricordare dovendo visionare il listato. </COMMENT> <!-- Questo testo non serve a niente è semplicemente un commento, un qualcosa da ricordare dovendo visionare il listato. --> <DIV>...</DIV> L'elemento <DIV> non ha una sua vera e propria caratteristica, serve infatti da supporto, da contenitore per l'associazione con fogli di style e/o layers che sono dei soli browser di nuova generazione. Tutti gli attributi e le associazioni applicate al tag DIV saranno estese a tutto il blocco di codice interessato. <DIV align="center"> Questa riga di testo ed anche eventuali altri elementi, se presenti, subiranno in questo caso l'allineamento centrato. </DIV> Questa riga di testo ed anche eventuali altri elementi, se presenti, subiranno in questo caso l'allineamento centrato. <SPAN>...</SPAN> L'elemento <SPAN> non ha alcuna caratteristica se non quella di fare da supporto per gli stili, come DIV si presta bene come contenitore per l'associazione di tutto quello che serve ad Html dynamico. <SPAN style="color:red"> Questa riga di testo è colorata di rosso, anzi di red. :-) </SPAN> Questa riga di testo è colorata di rosso, anzi di red. :-) <FONT>...</FONT> L'elemento <FONT> definisce le dimensioni, il colore e il tipo di carattere adoperato per la scrittura di testo. Questo Tag viene adoperato sempre meno dal momento che i fogli di style riescono a gestire il tutto in modo più semplice e versatile. Il Tag <font> ha dimensione di base(default) del caratte uguale a 3, si veda a questo proposito anche <BASEFONT>. Font da solo non ha ragione di esistere, al suo interno si deve sempre inserire almeno un attributo. <FONT attributo="specifica"> Testo che avrà tutti gli attributi specificati nel tag font </FONT> E' possibile specificare quale carattere adoperare dando anche delle eventuali alternative separandole da virgole. Se il font scelto non fosse presente sulla macchina del visitatore si tenterà di visualizzare il secondo font, poi il terzo, e se nessuno dei tre fosse presente il browser adopererà il suo, quello di default. Evitate dunque fonts particolari o meglio poco comuni, quasi sicuramente nessuno riuscirà a vedere il testo allo stesso modo di come avreste voluto. FACE=nome [,nome] [,nome] L'attributo face imposta il carattere utilizzato e questo deve trovarsi già installato nel computer dell'utente, le alternative sono separate da uno spazio e da una virgola. <FONT FACE="Comic Sans MS">Testo con font Comic Sans MS COLOR=#rrggbb oppure COLOR= nome in inglese del colore <FONT COLOR="red">Testo con font di colore rosso SIZE=n oppure SIZE=+n o anche SIZE=-n dove n è un numero compreso fra 1 e 7, mentre i vari + o - si riferiscono al numero che per default è3 a meno di qualche variazione specificata con BASEFONT <FONT SIZE="-1">Testo con font di dimensione -1 rispetto a quella di default. Gli attributi possono essere adoperati contemporaneamente <FONT FACE="Comic Sans MS" COLOR="red" SIZE="-1"> Testo con font Comic di colore rosso ed una dimensione -1 </FONT> Testo con font Comic di colore rosso ed una dimensione -1 <HR> L'elemento <HR> Horizontal Rules, altro non è che una linea orizzontale divisoria, come quella che potete vedere in questa pagina a divisione dei vari elementi (tags), per default questa linea è ombreggiata e in rilievo. Si possono modificare i vari attributi. <HR> questo sotto il risultato attributi di formattazione quali: <ALIGN> <COLOR> <NOSHADE> <SIZE> <WIDTH> <HR ALIGN=left | right | center>Dove left right center sono allineamento a sinistra, a destra o centrato Adopero una linea ridotta del 30% per meglio rendere l'idea -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- <HR COLOR=nome | #rrggbb> Dove nome è il nome in inglese di uno dei colori possibili, mentre #rrggbb è il codice numerico esadecimale del colore scelto. L'attributo color è supportato dai soli browser IE. -------------------------------------------------------------------------------- <HR NOSHADE>Nessuna ombreggiatura, praticamente una barra solida. -------------------------------------------------------------------------------- <HR SIZE=numero>Dove numero è espresso in pixel e si riferisce allo spessore della barra. una riga di spessore 5 pixel -------------------------------------------------------------------------------- <HR WIDTH=numero | percentuale>Senza alcuna specifica la linea orizzontale occupa tutta la largezza della pagina. Con questo attributo si possono specificare con esattezza la sua ampiezza, dove numero sono i pixel. percentuale invece è relativa alla percentuale della finestra del browser una riga di lunhezza 150 pixel -------------------------------------------------------------------------------- Si possono anche combinare i vari attributi, quello sotto è un esempio per ottenere una riga che sia di colore blu, spessore 3 pixel, che occupi il 70% della finestra alla quale è destinata e che non sia ombreggiata (la percentuale di ampiezza è relativa alla cornice che la ospita): <HR width="70%" color="#0000ff" size="3" noshade> <Hx>...<Hx> Titoli - è possibile avere sei livelli di titolo che dimensionano i caratteri. Il più alto livello è <H1> seguito a salire da tutti gli altri: <H1>...</H1> Grassetto, carattere molto grande e centrato, una o due righe vuote sopra e sotto. <H2>...</H2> Grassetto, carattere grande a sinistra, una o due righe vuote sopra e sotto. <H3>...</H3> Corsivo, carattere grande leggermente rientrato sul margine sinistro, una o due righe vuote sopra e sotto. <H4>...</H4> Grassetto, carattere normale, rientro maggiore rispetto a H3, una riga vuota sopra e sotto. <H5>...</H5> Corsivo, carattere normale, rientro normale come H4, una riga vuota sopra. <H6>...</H6> Grassetto, rientro come testo normale ma più di H5, una riga vuota sopra. <P>...</P> L'elemento <P> specifica un paragrafo di testo, ha come attributo ALIGN che permette di allineare il testo in quattro possibili modi: CENTER, LEFT, RIGHT, JUSTIFY, rispettivamente per: Centrato, a sinistra, a destra , giustificato. Viene adoperato prevalentemente con l'attributo CLASS che richiama una classe di style in modo da avere paragrafi con font, colori e formattazione prsonalizzata. Si veda a questo proposito le spiegazioni relative ai fogli di stile. <P align="left">Questo paragrafo è allineato a sinistra.</P> Questo paragrafo è allineato a sinistra. <P align="right">Questo paragrafo invece è allineato a destra.</P> Questo paragrafo invece è allineato a destra. <P align="center">Questo paragrafo è allineato al centro.</P> Questo paragrafo è allineato al centro. <P align="justify">Questo paragrafo è allineato al centro con giustificazione.</P> Questo paragrafo è allineato al centro con giustificazione. Che cosa è la giustificazione ? Guardate attentamente i due margini, destro e sinistro, come potete notare il testo è allineato sia a destra che a sinistra; per fare questo il comando aggiunge in automatico degli spazi fra le parole. <B>...</B> L'elemento <B> specifica un blocco di testo da mostrare in grassetto (bold). Risultato simile si ottiene anche con <STRONG>...</STRONG> Questa guida è offerta da <B> Eagleyes </B> tutto per la tua pagina web. Questa guida è offerta da Eagleyes tutto per la tua pagina web <U>...</U> L'elemento <U> specifica un blocco di testo da mostrare sottolineato (underline). Questa guida è offerta da <U> Eagleyes </U> tutto per la tua pagina web. Questa guida è offerta da Eagleyes tutto per la tua pagina web <I>...</I> L'elemento <I> specifica un blocco di testo da mostrare in corsivo (italic). Risultato simile si ottiene anche con <EM>...</EM> Questa guida è offerta da <I> Eagleyes </I> tutto per la tua pagina web. Questa guida è offerta da Eagleyes tutto per la tua pagina web Gli elementi possono essere fra loro nidificati, combinando i vari attributi, per esempio posso scrivere Eagleyes in modo marcato, inclinato e sottolineato: Questa guida è offerta da <U><I><B> Eagleyes </B></I></U> tutto per la tua pagina web. Questa guida è offerta da Eagleyes tutto per la tua pagina web. <PRE>...</PRE> L'elemento <PRE> specifica un blocco di testo preformattato, cioè a larghezza e spaziatura fissa. Attenzione, talmente fissa che non torna neppure a capo se non con il comando <br>. <PRE> Questo è un testo preformattato che manterrà una certa spaziatura indipendentemente dai vari parametri di pagina </PRE> Questo è un testo preformattato che manterrà una certa spaziatura indipendentemente dai vari parametri di pagina <XMP>...</XMP> L'elemento <XMP> specifica un blocco di testo, che il browser non interpreta. Può contenere al suo interno qualsiasi linguaggio, qualsiasi TAG. Utile per riportare del codice all'interno delle pagine WEB. <XMP> <HTML> <HEAD> <TITLE> GUIDA OFFERTA DA EAGLEYES.IT </TITLE> </HEAD> </HTML> <XMP> <html> <head> <title> GUIDA OFFERTA DA EAGLEYES.IT </title> </head> </html> |
