Tag di formattazione del testo |
Il tag <Hn></Hn>, dove 'n' e' un numero fino a 6, definisce: la dimensione del testo, lo stile del carattere, l' alineamento e la spaziatura.
| Tag usato | Dimensione del testo | Stile del carattere | Allineamento | Spaziatura righe |
| <H1></H1> | +3 | Grassetto | Centrato | 1 riga prima, 2 dopo |
| <H2></H2> | +1 | Grassetto | Sinistra | 1 riga prima, 2 dopo |
| <H3></H3> | +1 | Corsivo | 1 riga prima, 2 dopo | |
| <H4></H4> | 0 | Grassetto | 1 | |
| <H5></H5> | 0 | Corsivo | 1 | |
| <H6></H6> | 0 | Grassetto | 1 |
Troppo complicato? Non preoccuparti, guarda questi esempi:
Questo e' un esempio di tag H1 |
E questo e' il sorgente della pagina:
<html>
<head>
</head>
<body>
<H1>Questo e' un esempio di tag H1</H1>
<H2>Questo e' un esempio di tag H2</H2>
<H3>Questo e' un esempio di tag H3</H3>
<H4>Questo e' un esempio di tag H4</H4>
<H5>Questo e' un esempio di tag H5</H5>
<H6>Questo e' un esempio di tag H6</H6>
</body>
</html>
Il testo all' interno dei tag <B> e </B> sara' mostrato come grassetto:
Questa e' una semplice riga. Ma...questa e' una riga con quel tag...
E questo e' il sorgente della pagina:
<html>
<head>
</head>
<body>
Questa è una semplice riga. Ma...<B>questa è una riga con quel tag...</B>
</body>
</html>
I testo all' interno dei tag <I> e </I> sara' mostrato in corsivo:
Questa e' una semplice riga. Ma...questa e' una riga con quel tag...
E questo e' il sorgente della pagina:
<html>
<head>
</head>
<body>
Questa è una semplice riga. Ma...<I>questa è una riga con quel tag...</I>
</body>
</html>
Se apri una pagina contenente testo od immagini all' interndo di tag <PRE> e </PRE>, e poi riduci o ingrandisci o cambi la dimensione della finestra del browser, sia il testo che le immagini rimarranno sempre gli stessi. Ma se non usi questi tag, quando cambi le dimensioni della finestra del browser la tua pagina cambiera'.
Il tag <P> identifica un paragrafo. Percio' qusto tag provoca un ritorno a capo ed il salto di una riga:
Questa e' una semplice riga. Questa e' sempre quella riga...
Ma...questa e' una riga con quel tag...
E questo e' il sorgente della pagina:
<html>
<head>
</head>
<body>
Questa è una semplice riga. Questa è sempre quella riga....<P>Ma...questa è una riga con quel tag...</P>
</body>
</html>
Come il tag <P>, ma senza saltare righe. E' usata per saltare una riga:
Questa e' una semplice riga. Questa e' sempre quella riga...
Ma...questa e' una riga con quel tag...
E questo e' il sorgente della pagina:
<html>
<head>
</head>
<body>
Questa è una semplice riga. Questa è sempre quella riga....<BR>Ma...questa è una riga con quel tag...</BR>
</body>
</html>
Fai attenzione al salto di righe vuote...Qui non ce ne sono!
Questo tag inserisce una linea. Puoi specificare le DIMENSIONI e l' AMPIEZZA di quella linea. Puoi allineare (ALIGN) quella riga, e puoi usare una linea solida usando il parametro NOSHADE. Sintassi del tag:
<HR WIDTH="number%" SIZE="number" ALIGN=LEFT/CENTER/RIGHT NOSHADE>
WIDTH, SIZE e ALIGN non sono necessari. ALIGN puo' essere: 'LEFT', 'CENTER' o 'RIGHT'.
* Esempio 1*
Questa e' una semplice riga.
Osserva la riga precedente a queste parole...
E questo e' il sorgente della pagina:
<html>
<head>
</head>
<body>
Questa è una semplice riga.<HR>Osserva la riga precedente a queste parole...
</body>
</html>
* Esempio 2*
E questo e' il sorgente della pagina:
<html>
<head>
</head>
<body>
<HR>
<HR WIDTH="50%">
<HR WIDTH="80%">
</body>
</html>
* Esempio 3*
E questo e' il sorgente della pagina:
<html>
<head>
</head>
<body>
<HR>
<HR SIZE="0">
<HR SIZE="2">
<HR SIZE="5">
<HR SIZE="15">
</body>
</html>
Beh, potresti aumentarla di piu'...
* Esempio 4*
E questo e' il sorgente della pagina:
<html>
<head>
</head>
<body>
<HR WIDTH="50%" ALIGN=LEFT>
<HR WIDTH="50%" ALIGN=CENTER>
<HR WIDTH="50%" ALIGN=RIGHT>
</body>
</html>
* Esempio 5 *
E questo e' il sorgente della pagina:
<html>
<head>
</head>
<body>
<HR SIZE="8">
<HR SIZE="8" NOSHADE>
</body>
</html>
Questo tag e' usato per cambiare le fonti. Puoi cambiare le dimensioni dei caratteri, il tipo di fonte del carattere ed il colore del carattere. Sintassi del tag:
<FONT SIZE="number" FACE="font name" COLOR="#nnnnnn">
SIZE, FACE e COLOR non sono necessari. Se usi il tag FONT, puoi anche usarne uno solo.
* Esempio 1*
Questa e' una semplice riga...Qui sto usando il tag font size 1 Qui sto usando il tag font size 2 Qui sto usando il tag font size3 Qui sto usando il tag font size 4 Qui sto usando il tag font size5 Qui sto usando il tag font size 6 Qui sto usando il tag font size7
E questo e' il sorgente della pagina:
<html>
<head>
</head>
<body>
Questa e' una semplice riga.
<font size="1">Qui sto usando il tag font size 1 </font>
<font size="2">Qui sto usando il tag font size 2 </font>
<font size="3">Qui sto usando il tag font size 3 </font>
<font size="4">Qui sto usando il tag font size 4 </font>
<font size="5">Qui sto usando il tag font size 5 </font>
<font size="6">Qui sto usando il tag font size 6 </font>
<font size="7">Qui sto usando il tag font size 7 </font>
</body>
</html>
* Esempio 2 *
Questo e'Courier New
Questo e' Arial
Questo e'Lucida Console
E questo e' il sorgente della pagina:
<html>
<head>
</head>
<body>
<FONT face="Courier New">Questo è Courier New</FONT>
<BR>
<FONT face="Arial">Questo è Arial</FONT>
<BR>
<FONT face="Lucida Console">Questo è Lucida Console</FONT>
</body>
</html>
* Esempio 3 *
Questo e' un testo rosso...Questo e' un testo blu...Questo e' un testo giallo...
E questo e' il sorgente della pagina:
<html>
<head>
</head>
<body>
<FONT COLOR="#ff0000">Questo è un testo rosso...</FONT>
<FONT COLOR="#0000ff">Questo è un testo blu...</FONT>
<FONT COLOR="#ffff00">Questo è un testo giallo...</FONT>
</body>
</html>
Questo tag e' usato per allineare il testo:
Questa e' una semplice riga.
Questa e' una linea centrata
E questo e' il sorgente della pagina:
<html>
<head>
</head>
<body>
Questa è una semplice riga.<br>
<CENTER>Questa è una riga centrata</CENTER>
</body>
</html>
Home Pag. prec. Pag. succ. Chi siamo? Scrivici!
Copyright (c) 1998-2006 Wowarea