Il sito per imparare gratuitamente a fare pagine Web

Il Testo in HTML














Questa guida Ť stampabile in modo agevole dalla versione off-line scaricabile dal mený laterale: Download.zip



Andrea Bianchi © www.web-link.it  Primi Passi in HTML 4.01 - Ver. 2.7.0 - Settembre 2011
 

Il testo

Abbiamo visto nella lezione precedente, come creare la struttura della nostra prima pagina web inserendo 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, richiamate la pagina che avevate precedentemente 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 a destra.>

Digitate uno spazio vuoto 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:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
  </head>
  <body>
<p align="center">Ecco la mia prima pagina in html destinata al web.</p>
  </body>
</html>

questo il risultato:

Ecco la mia prima pagina in html destinata al web.

Questi sotto i risultati facendo uso dei vari possibili attributi di allineamento:




<p align="left">Questo paragrafo è allineato a sinistra.</p>

Questo paragrafo è allineato a sinistra.




<p align="right">Questo paragrafo invece è allineato a destra.</p>

Questo paragrafo invece è allineato a destra.




<p align="center">Questo paragrafo è allineato al centro.</p>

Questo paragrafo è allineato al centro.




<p align="justify">Questo paragrafo è allineato al centro con giustificazione.</p>

Questo paragrafo invece è allineato al centro con giustificazione, che cosa è la giustificazione ? Guardate attentamente i due margini, destro e sinistro, come potete notare il testo è allineato sia a destra che a sinistra; per fare questo il comando aggiunge in automatico degli spazi vuoti fra le parole.




Notate il segno di = e le doppie virgolette " " fanno parte della sintassi e devono essere scritte senza spazi vuoti, tutti gli attributi che incontreremo fanno uso di queste regole, per cui abituatevi ad usarle in modo corretto fin da subito.

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 chiudendo il paragrafo ed aprendone uno nuovo </p><p> Vi accorgerete anche che inserendo più spazi fra una parola e l'altra questi non saranno visualizzati ma ignorati tutti quanti per lasciare il posto ad un solo spazio.

Provate per rendervene conto. Più avanti nella lezione dedicata alla cosmesi del testo vedremo come fare questa ed altre operazioni che in html hanno una regola diversa da quella usata 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.



Andrea Bianchi