Home -> Manuali e Tutorials -> Guida HTML -> Formattazione del testo  

Scarica Guida HTML      |    Stampa Tutorial HTML      |    Cerca nel sito      

Intestazioni HTML

Vediamo ora dei semplici Tag html per le intestazioni; potete quindi usare il tag <H1>...</H1> per inserire nella pagina web un titolo o una frase di effetto. Tale Tag ( H sta per Heading ) è affiancato da un numero che va da 1 a 6; all'aumentare del numero diminuisce la grandezza della scritta. Notare come l'intestazione occupi tutta una riga, e lasci vuota quella successiva ( non c'è quindi bisogno di inserire una Break line; vedi tale esempio ). Questi sono altri esempi: H2, H3.
Quest'ultimo esempio ha il seguente codice:

In questo esempio compaiono altri Tag per la formattazione, come <B>...</B> e <U>...</U> per il testo in grassetto e sottolineato, <TT>...</TT>, per il testo monospazio, il <BIG>...</BIG>; inoltre ho ottenuto lo stesso effetto dell'Header usando però il tag FONT; quest'ultimo ha come suoi principali attributi il SIZE, per la dimensione del carattere, COLOR, per la scelta del colore della scritta, FACE per la scelta del tipo di font. Per ulteriori dettagli su tali tags html, puoi consultare il Glossario HTML.
Di seguito sono riportati le varie intestazioni, in ordine di importanza, da H1 a H6:

Scelta del Font

Posso sia impostare un font per tutta la pagina o per una porzione del testo specifico; i due Tag usati sono rispettivamente il BASEFONT ed il FONT, entrambi disposti nel BODY:

Notare come il primo Tag non abbia bisogno di essere chiuso, mentre il secondo sì, poichè altrimenti tutto il testo successivo subirebbe il cambiamento scritto. L'attributo SIZE è seguito da un numero che al massimo può raggiungere il valore 7. La visualizzazione della pagina con un font in particolare e con una certa grandezza del carattere dipende anche dal browser, in quanto sarà settato dall'utente in un certo modo; sicuramente se il browser è forzato a vedere tutte le pagine in un certo modo, o se non è installato quel particolare font, sarà difficile che le nostre pagine vengano visualizzate come vogliamo. Per questo motivo è meglio inserire nel FACE più font separati da una virgola, così che se non viene supportato il primo, viene usato il secondo ( FONT="Arial, Verdana" ).
Questi sono altri esempi: fig5, fig6, fig7 ( vedi i relativi codici: fig5, fig6, fig7 ).

Progettazione del Testo

Vediamo ora dei tag per controllare il layout di una pagina. Abbiamo già visto in qualche esempio precedente il Tag <BR>, che non necessita di chiusura e che serve per inserire una Break Line ( cioè un ritorno a capo ). L'interruzione di paragrafo, invece, viene inserita con il Tag <P>...</P> e consente di inserire al suo interno attributi relativi alla disposizione del testo del corrente paragrafo; usando l'attributo ALIGN posso stabilire la posizione orizzontale del testo:

Notare come l'allineamento centrato potrebbe essere ottenuto anche usando il Tag <CENTER>...</CENTER>; inoltre il Tag <P> consente, a differenza del <BR>, di lasciare vuota la riga successiva alla chiusura del Tag in questione.

Il Tag <BLOCKQUOTE>...</BLOCKQUOTE> serve invece a lasciare una riga vuota sia sopra e sia sotto al testo in esso contenuto.

Il Tag <NOBR>...</NOBR> serve invece per eliminare gli "a capo" automatici, nel senso che il testo scritto al suo interno verrà disposto tutto su una riga.

Il Tag <WBR> permette al browser di inserire sempre un "a capo".
Questo è un esempio ( visualizza il codice HTML ).

Torna su      |    Indice Guida      |    Pagina << 7 >>