Rispondi 
Tutorial Html - Lezione 3 - Formattazione testi
Modalità discussione Modalità lineare
30-03-2008, 14:49
Messaggio: #1 (permalink)
L'avatar di gianni4 gianni4
Moderatore
*****
 		Registrato: Mar 2008
Messaggi: 91
Reputazione:

Tutorial Html - Lezione 3 - Formattazione testi

Dunque, nella scorsa lezione abbiamo capito come utiliazzare i link, andiamo adesso a vedere un altro punto fondamentale dell'html, la formattazione del testo.

Nella prima lezione abbiamo visto il funzinamento del tag <p>, quello che serve per dividere i testi in paragrafi. Il browser di default di solito visualizza i paragrafi allineati a sinistra. Bene, ora capirete come posizionarlo al centro o magari anche a destra:
apriamo il Blocco Note e incominciamo a scrivere la nostra pagina HTML come abbiamo imparato:

<html>
<head>
<title>Formattazione Testi</title>
</head>
<body>
<p>Il vostro testo</p>
<p align="center">Questo è un testo allineato al centro</p>
<p align="right">Questo è un testo allineato a destra</p>
<p align="left">Questo è un testo allineato a sinistra</p>
</body>
</html>

Salviamo la pagina e visualizziamola nel browser.

Vediamo ora quale attributo del tag <p> abbiamo usato.

<p align="...">...</p>

Abbiamo utilizzato l'attributo align per impostare l'allineamento del testo all'interno del tag <p>.
Utilizzando align="center" avremo un testo allineato al centro, utilizzando align="right" avremo un testo allineato a destra, utilizzando align="left" avremo invece un testo allineato a sinistra. È molto semplice vero?

Scrivendo pagine HTML vi accorgerete di sicuro che il vostro browser quando visualizza la pagina non tiene conto se lasciate più di uno spazio. Se ad esempio lasciamo sette spazi, verrà sempre visualizzato un unico spazio. Lo stesso succede quando premete invio per andare a capo. Per risolvere questo "problema" ci vengono incointro due tag:

<br>
Il tag <br> è un tag vuoto, non ha quindi bisogno del tag di chiusura. Viene utilizzato per fare andare a capo i testi prima che incontrino la fine della finestra del browser.

&nbsp;
Questo non è un tag ma un carattere particolare, il quale ci permette di lasciare più di uno spazio fra le parole.

Adesso vediamo il loro funzionamento.
Scriviamo la nostra pagina e mettiamo tra i tag <body> e </body> questo codice:

Proviamo a madare a capo i testi<br> Vedete questo testo è andato a capo!<br>
Adesso lasciamo tutti gli spazi che vogliamo &nbsp; &nbsp; &nbsp; tra &nbsp;&nbsp;
le parole.

Come vedrete, amici, il testo risulterà formattato come voi volevate.
Ora fate delle prove, il miglior modo per impararare veloce, e dopo seguiteci con la prossima lezione.

trova tutti i messaggi dell'autore Quota questo messaggio nella risposta
31-03-2008, 14:40
Messaggio: #2 (permalink)
L'avatar di MetaMorph MetaMorph
Super Moderatore
******
 		Registrato: Apr 2007
Messaggi: 103
Reputazione:

RE: Tutorial Html - Lezione 3 - Formattazione testi

Se posso permettermi delle precisazioni, soprattutto per chi vuole scrivere in XHTML (più rigoroso sugli standard, quindi un po' diverso da HTML):
- in XHTML l'attibuto ALIGN è stato deprecato, si può sostituire con la seguente sintassi CSS:

Codice:
<p style="text-align:left">Questo testo sarà allineato a sinistra.</p>
<p style="text-align:right">Questo testo sarà allineato a destra.</p>
<p style="text-align:center">Questo testo sarà centrato sulla pagina.</p>
<p style="text-align:justify">Questo testo sarà allineato a sinistra e a destra. Forse bisogna aggiungere un po' di testo per rendersene conto... bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla...</p>

- BR è un tag "unario", quindi in XHTML richiede lo slash finale: <br />
- &nbsp; sta per "non-breaking space", ovvero in realtà servirebbe per inserire uno spazio tra parole che non devono essere divise da una riga all'altra. In pratica l'uso che ne viene fatto è quello spiegato nel post sopra, ma attenzione: se ne inserite troppi consecutivi vi potreste trovare con parole rientrate nelle righe successive, o addirittura con gli scrollbar del browser attivi solo per ospitare gli spazi di troppo
Ultima cosa: se volete scrivere bene una pagina, non abusate del tag <br /> o dell'entità &nbsp;: esistono altri modi con risultati decisamente migliori (sempre basati su CSS).

Statemi bene...

DEMENTI4L SITE // THE BO4RD - Il forum di DEMENTI4L SITE // L'antro di MetaMorph

Mi trovate anche sui forum di AlterVista - Blogo.it Network

Visita sito dell'autore trova tutti i messaggi dell'autore Quota questo messaggio nella risposta
01-04-2008, 11:34
Messaggio: #3 (permalink)
Irvin
Forumista Giovane
***
 		Registrato: Feb 2007
Messaggi: 104
Reputazione:

RE: Tutorial Html - Lezione 3 - Formattazione testi

Quoto pienamente!
Courtyard by Marriott Venice Airport - Zanzara Mannara

trova tutti i messaggi dell'autore Quota questo messaggio nella risposta
Rispondi 

Discussioni simili
Discussione: Autore Risposte: Letto: Ultimo messaggio
  HTML E JAVASCRIPT [Uso della sezione] djremix 0 51 23-04-2008 20:52
Ultimo messaggio: djremix
  Preload per pagine html italo_balbo 11 252 18-04-2008 18:35
Ultimo messaggio: italo_balbo
  Tutorial Html - Lezione 5 - Impostazione di un'immagine come sfondo gianni4 0 66 11-04-2008 16:04
Ultimo messaggio: gianni4

Tutorial Html - Lezione 3 - Formattazione testi
Guarda versione stampabile
Invia la discussione a un amico
Sottoscrivi la discussione
Aggiungi discussione alle favorite

Regole di Scrittura
Tu non puoi inserire nuovi messaggi.
Tu non puoi rispondere ai messaggi.
Tu non puoi inviare messaggi.
Tu non puoi modificare i tuoi messaggi.
Il codice HTML è Disattivato.
Il codice MyCode è Attivato.
Gli Smilies sono Attivato.
Il codice [IMG] Attivato.
Vai al Forum:

Data e Ora attuale: 14-05-2008, 00:32

Contattaci - Punto Web