A Sbafo! Tutto per il web gratis e in italiano...

AVVISO

   Aggiungi ai preferiti  

:: Sei qui: Home > Manuali > Indice generale dei manuali - HTML - Manuale di programmazione - pagina 3
Indice di questo manuale Indice di tutti i manuali Area download

HTML - Manuale di programmazione

Manuale scritto da Rosario Zappalà nel mese di aprile 2002

TESTI E MANUALI

Copyright© Rosario Zappalà - Testi e Manuali™ 2002
Sono vietate la riproduzione, la pubblicazione e la distribuzione anche parziale del presente manuale
senza il consenso scritto dell'autore.

Visita il sito dell'autore


Grassetto, corsivo e giustificato

Potrebbe capitare di dover formattare il testo anche nella sua estetica. Ad esempio, rendere in stile grassetto un termine servirebbe a metterlo in evidenza, così come il corsivo lo stilizzerebbe oppure il sottolineato ne suggerirebbe l'importanza. Vediamo ora come fare per ottenere gli effetti appena descritti:

<B> </B> (Bold)
Tutto quello che verrà scritto tra <b> e </b> risulterà scritto in grassetto.
Potrete utilizzare anche <strong> e </strong>


<U> </U> (Underlined)
Per ottenere l'effetto sottolineato scrivete il vostro testo tra questi tags.
<u> Il vostro testo </u>

<I> </I> (Italic)
Si utilizzano per rendere il testo in stile corsivo.
<i> Il vostro testo </i>

In alternativa utilizzate i tags <VAR></VAR> oppure <EM></EM>.

Sotto un esempio di quanto descritto, potete fare il copia-incolla da questa pagina al vostro editor html per vederne gli effetti:

<HTML>

     <HEAD>

     </HEAD>

     <BODY>
            <p>


            <B>Questo stile è grassetto </B>
            <U>Questo stile è sottolineato </U>
            <I> Questo stile è corsivo </I>

            </p>

      </BODY>


</HTML>


Se avete provato il codice sopra descritto, vi sarete accorti che tutto quanto viene scritto su unica riga. Per evitare ciò dovete utilizzare il tag <br>, in questa maniera otterrete l'interruzione della riga corrente ed un ritorno a capo.

Nota: ripeto che il tag <br> non possiede un tag di chiusura.
Copiate e incollate ora sul vostro editor html il codice che segue e vedete gli effetti del tag <br>.

<HTML>

     <HEAD>

     </HEAD>

     <BODY>
            <p>

            <B>
Questo stile è grassetto </B><br>
            <U>Questo stile è sottolineato </U><br>
            <I>
Questo stile è corsivo </I>

            </p>

      </BODY>

</HTML>

Per vederne gli effetti ricopiate il codice sopra descritto su di un editor html, salvate la pagina ed eseguitelo.

Sappiate che per tornare a capo durante la digitazione del testo non basta la semplice pressione del tasto Invio, ma dovrete digitare <br> (vedere anche in seguito), oppure aprire e chiudere il tag <p> (in questa maniera: <p> </p>). Il tag <br> non possiede relativo tag di chiusura.

 

Tipo di carattere, dimensioni e colori

Per cambiare invece il tipo di carattere, la sua dimensione ed il suo colore, dovrete utilizzare i tag <FONT> </FONT> con gli attributi SIZE, FACE, COLOR.


SIZE
Specifica la grandezza del carattere. Il valore massimo è 7.
FACE
Specifica il tipo di carattere.
COLOR
Specifica il colore del testo.


Sotto un esempio per illustrare chiaramente quanto descritto. Il mio consiglio è sempre quello di copiare ed incollare il codice seguente su di un editor html.

<HTML>

     <HEAD>

     </HEAD>

     <BODY>

     <font size="5" face="Arial" color="black">
     <p> Questo è il risultato: grandezza del carattere: 5, tipo del carattere: Arial, colore: nero.</p> 
     </font>

      </BODY>

</HTML>

 

Linea divisoria orizzontale

Un altro elemento che potrebbe risultare utile è la linea orizzontale, per separare le sezioni di una pagina.
Il tag che la riproduce è <HR>, non possiede chiusura e attributi. Per modificarne la lunghezza si utilizza Width.
Sotto un esempio:

<HR WIDTH="75">


La linea in tal maniera viene visualizzata con effetto 3D, per renderla bidimensionale con NOSHADE, scrivere il codice come segue:

<HR WIDTH="75" NOSHADE>


E' inoltre possibile settarne l'altezza e lo spessore utilizzando SIZE:

<HR WIDTH="75" SIZE="6" NOSHADE>



Torna alla pagina precedente Vai alla pagina successiva
Pagina precedente Pagina successiva
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

Registrazione dominio, spazio illimitato, 5 caselle di posta, a soli 24,79 euro all'anno iva inclusa.

www. .

Questo sito è ottimizzato per Explorer 5.0 o superiore, Java compatibile. Alcune delle applicazioni presenti potrebbero non essere supportate da Netscape© o da sistemi operativi diversi da Microsoft© Windows. Tutti i marchi citati sono di proprietà dei loro legittimi autori.

Webmaster: Seatiger Team