Abbiamo visto nella lezione precedente, come creare la nostra prima pagina web mettendo al suo interno una qualunque scritta generica, allo stesso identico modo avremo potuto scrivere un intero libro se solo avessimo voluto farlo. Ma un testo ha bisogno di essere formattato per essere facilmente leggibile; ed è proprio di questo che ci occuperemo in questa lezione.

Aprite il vostro editor, qualunque esso sia, e richiamate la pagina che avevate creato e salvato, quella della lezione precedente per intenderci. Posizionate il cursore nel punto in cui avevate inserito l'elemento paragrafo <p> e precisamente fra la lettera p e la chiusura della parentesi angolare immediatamente alla sua destra.

Digitate uno spazio ed inserite l'attributo align="xxx" dove xxx è uno dei seguenti validi attributi: center, left, right, justify. Questi servono rispettivamente per allineare il testo al centro, al margine sinistro, al margine destro, giustificato per entrambi i margini.

Se avete eseguito correttamente le istruzioni, dovreste avere qualcosa di questo tipo:

<p align="left">Questa è la mia prima pagina web</p>

Vediamo i vari risultati a video:

Questa è la mia prima pagina web allineata a sinistra

Questa è la mia prima pagina web allineata a destra

Questa è la mia prima pagina web allineata centrale

Questa è la mia prima pagina web giustificata, la sola frase non contiene una quantità di testo sufficiente per poterne vedere l'effetto giustificato, così scrivo qualcosa in modo da aggiungerne e rendere meglio l'idea di come avviene la giustificazione su entrambi i lati adoperata spesso per testi lunghi e ben formattati. Ecco fatto, dovrebbe essere sufficiente, guardate i due margini, sono entrambi allineati.

Digitando del testo vi accorgerete presto che a differenza degli editor normali, ogni volta che volete tornare a capo non basta la semplice pressione del tasto invio. Nelle pagine web per tornare a capo si fa uso dell'elemento <br> oppure aprendo e chiudendo un nuovo paragrafo <p></p> Vi accorgerete anche che inserendo più spazi fra una parola e l'altra questi non saranno visualizzati, saranno ignorati tutti quanti lasciando il posto ad uno solo spazio.

Provate voi stessi per rendervene conto. Più avanti nella lezione dedicata alla cosmesi del testo vedremo anche altre cose che non è possibile fare in html o almeno non così come siamo abituati a fare con un normale editor di testi.

Per questa lezione credo possa bastare... Avete imparato a creare una pagina web e ad  introdurvi del testo, nella prossima lezione vedremo come inserire le immagini.

Se avete domande da fare potete scrivere sul forum di supporto, gratuito e aperto a tutti.

  Potete fare domande e discutere l'argomento sul Forum