Blocco Note italian website
.:MENU:.
.:LOGIN FORUM:.
User:
Pass:

Alza il tuo
Page Rank Con Linchiamoci
Free-PageRank
bLoG gRoUp - free web directory
Barra Blocco Note
LEZIONE 04: paragrafi ed allineamenti
(Torna all'indice HTML)

Ci sono due TAG per l'allineamento del testo:

- <p>: il TAG <p> viene principalmente utilizzato per creare paragrafi relativi al testo con il parametro ALIGN che può avere i tre seguenti valori: left, right e center. Di default il testo è allineato come left (sinistra). Ecco un esempio di una frase allineata centralmente:



- <div>: questo TAG molto potente viene usato specialmente quando si vuole far largo uso di CSS (vedi tutorial). Anche <div> beneficia dell'attributo ALIGN con gli stessi possibili valori del TAG <p>. Esempio di allineamento testo a destra con un <div>:



Il TAG <div> oltre che per l'allineamento del testo è utilissimo per allineare anche immagini, tabelle, e molti altri elementi. Un altro TAG che non è più molto conforme all'HTML ma che viene ancora largamente utilizzato per la sua praticità è <center> che equivale a scrivere <div align="center">.

Se serve separare graficamente (attraverso una riga di separazione) due paragafi, si può ricorrere al TAG <hr> che genera una riga orizzontale della larghezza del monitor del visitatore. Questo è il primo TAG visto che non necessita di chiusura. Ha anche dei vari parametri:

- align: per l'allineamento con i valori già visti;
- size: per definire lo spessore in pixel;
- width: per definire la lunghezza;
- color: per impostare il colore;

Se tra gli attributi mettiamo noshade notare che la riga di separazione non avrà l'ombra. Ecco un esempio di riga separativa:



Che genereranno:





Il TAG senza chiusura più utilizzato oltre a <img> che vedremo più avanti è il TAG <br> che permette di andare a capo di una riga. Dove viene posizionato la frase si interrompe e va a capo per proseguire una riga più sotto. Ecco come si scrive correttamente:



Naturalmente se si vorrà andare a capo di più di una riga basterà aggiungere più <br>.


Per incomprensioni, domande e approfondimenti non esitate a contattare il WEBMASTER

<<-Lezione precedente || Lezione successiva->>
Passa a FireFox Sito ottimizzato per Mozilla Firefox e per una risoluzione di 1024x768 o superiore.

Licenza Creative Commons
Valid HTML 4.01 Transitional
Valid CSS!
Made with notepad
Pinger Gaming | Spazio web