|
| Tutorial Html - Lezione 3 - Formattazione testi |
|
Modo discussione | Modo lineare |
|
|||||
| |||||
 Tutorial Html - Lezione 3 - Formattazione testi
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 e' un testo allineato al centro</p> <p align="right">Questo e' un testo allineato a destra</p> <p align="left">Questo e' 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. e' molto semplice vero? Scrivendo pagine HTML vi accorgerete di sicuro che il vostro browser quando visualizza la pagina non tiene conto se lasciate piu' di uno spazio. Se ad esempio lasciamo sette spazi, verra' 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> e' 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. Questo non e' un tag ma un carattere particolare, il quale ci permette di lasciare piu' 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 e' andato a capo!<br> Adesso lasciamo tutti gli spazi che vogliamo tra le parole. Come vedrete, amici, il testo risultera' formattato come voi volevate. Ora fate delle prove, il miglior modo per impararare veloce, e dopo seguiteci con la prossima lezione.
|
03-30-2008, 10:49 PM
|
03-30-2008, 10:49 PM
|
|||
|
|||
|
Link Sponsorizzati
|
|
|||||
| |||||
|
RE: Tutorial Html - Lezione 3 - Formattazione testi
Se posso permettermi delle precisazioni, soprattutto per chi vuole scrivere in XHTML (piu' rigoroso sugli standard, quindi un po' diverso da HTML): - in XHTML l'attibuto ALIGN e' stato deprecato, si pui' sostituire con la seguente sintassi CSS: Codice: <p style="text-align:left">Questo testo sara' allineato a sinistra.</p>- sta per "non-breaking space", ovvero in realta' 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 e' 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'entita' : esistono altri modi con risultati decisamente migliori (sempre basati su CSS). Statemi bene... DEMENTI4L SITE // THE BO4RD - Il forum di DEMENTI4L SITE // Free-n-Joy: divertirsi è bello, ma gratis è MOOOLTO meglio... Mi trovate anche sui forum di AlterVista - Blogo.it Network
|
|
|||||
| |||||
|
RE: Tutorial Html - Lezione 3 - Formattazione testi
Quoto pienamente! Courtyard by Marriott Venice Airport - Zanzara Mannara
|
|
|
|
Orario: 03-16-2010, 09:25 PM