Il testo
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. Ma un testo ha bisogno di essere formattato per essere facilmente leggibile. E' proprio di questo che ci occuperemo in questa lezione.
Aprite il vostro editor, qualunque esso sia, e richiamate la pagina che avevate creato, quella della lezione precedente per capirci. Posizionate il cursore nel punto in cui avevate inserito l'elemento paragrafo <p> e precisamente fra la p e la chiusura della parentesi angolare.
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 una cosa di questo tipo:
<p align="left">Questa è la mia prima pagina web</p>
Vediamo i vari risultati a video:
<p align="left">Questa è la mia prima pagina web allineata a sinistra</p>
Questa è la mia prima pagina web allineata a sinistra
<p align="right">Questa è la mia prima pagina web allineata a destra</p>
Questa è la mia prima pagina web allineata a destra
<p align="center">Questa è la mia prima pagina web allineata centrale</p>
Questa è la mia prima pagina web allineata centrale
<p align="justify">Questa è la mia prima pagina web giustificata</p>
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, 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 o enter. 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, ignorati tutti quanti lasceranno il posto ad uno solo.
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 introdurre il testo, nella prossima lezione vedremo come inserire le immagini.
Se avete domande da farmi potete scrivere a: primipassi@web-link.it
|