Html, allineamento e paragrafi

In questa lezione ci concentreremo sullo studio dei paragrafi e del loro rispettivo allineamento. Per prima cosa è necessario dire che per paragrafo si intende una o più righe di testo, l’importante è che siano compresi, per delimitarli, tra i tag che regolano appunto i paragrafi.

Il tag che regola e determina un paragrafo è il tag p che, in collaborazione con il tag di chiusura, racchiude in se le definizioni del paragrafo compreso l’allineamento e l’andare a capo in un paragrafo molto lungo. L’allineamento è regolato dall’attributo align seguito dalle definizioni right, left e center. Quindi, per riassumere, la definizione di paragrafo è determinata dai tag e il suo allineamento è regolato dall’attributo align che può essere definito in right, left e center. Ma veniamo al nostro solito esempio per vedere la sintassi di questi nuovi tag:

In questo esempio abbiamo utilizzato solamente i tags p per definire il paragrafo. Vediamo ora, utilizzando ancora solamente p, come definire due paragrafi:

questo risulterebbe tutto su una linea, però se interrompessi in questo modo:

dividerei il testo andando a capo nel punto preferito. In questo modo abbiamo creato due paragrafi ben distinti. Ora, utilizziamo align per fare delle prove di allineamento dei due paragrafi in esempio:

In pratica il primo paragrafo lo abbiamo allineato a sinistra e il secondo a destra. Vediamo ora con tre paragrafi utilizzando i tre parametri di allineamento:

In pratica abbiamo scritto tre paragrafi, ognuno definito con il suo allineamento. Ora si pone una domanda lecita: se devo allineare i tre paragrafi tutti sulla sinistra o tutti sulla destra o ancora tutti al centro, per ogni tag p devo inserire la definizione di allineamento? La risposta è….no! Per questi casi, molto ricorrenti, viene in aiuto un nuovo tag chiamato div entro il quale possiamo inserire più paragrafi senza specificarne l’allineamento. In pratica il tag div racchiude in se la formattazione di più paragrafi. Ecco allora l’esempio per comprendere ciò che voglio intendere:

Come vedete non c’è alcuno bisogno di specificare per ogni paragrafo l’allineamento in quanto ci pensa il buon div. In questa lezione avete compreso ancora meglio che ogni singolo tag può contenere dei parametri di formattazione che lo rendono, da una semplice etichetta, uno strumento molto potente per la realizzazione e la visualizzazione di pagine web. A ogni singolo tag può essere abbinato un diverso parametro di configurazione rendendolo indipendente da gli altri tag che compongono il documento. Salvate l’esempio riportato sempre come index.html I tag da utilizzare per il testo sono principalmente due, uno per i titoli e uno per i paragrafi. Per i titoli viene utilizzato il tag h che seguito da un numero che va da 1 a 6 determina la dimensione del font e quindi l’enfasi del titolo.

Pubblicato in HTML & CSS