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
- Codice:
-
<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:
- Codice:
-
<!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:
--------------------------------------------------------------------------------
- Codice:
-
<p align="left">Questo paragrafo è allineato a sinistra.</p>
Questo paragrafo è allineato a sinistra.
--------------------------------------------------------------------------------
- Codice:
-
<p align="right">Questo paragrafo invece è allineato a destra.</p>
Questo paragrafo invece è allineato a destra.
--------------------------------------------------------------------------------
- Codice:
-
<p align="center">Questo paragrafo è allineato al centro.</p>
Questo paragrafo è allineato al centro.
--------------------------------------------------------------------------------
- Codice:
-
<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
oppure chiudendo il paragrafo ed aprendone uno nuovo
- Codice:
-
</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.
Titolo: Il testo 
Sab Giu 19, 2010 6:06 am
