Discuti il tutorial sul forum !

Manipolare i testi in html

Obiettivo
In questo articolo vedremo come manipolare i testi con html.

Posizionare e formattare un testo
A seguire una serie di tag per formattattare un testo

<BLOCKQUOTE>…</BLOCKQUOTE> Fa rientrare un testo.
<B>…</B> Mette il testo in grassetto
<I>…</I> Mette il testo in corsivo.
<U>…</U> Sottolinea il testo.
<BR> Manda a capo il testo.
<P>…</P> Incomincia un novo paragrafo.
<CODE>…</CODE> Formatta il testo come se si trattasse di codice di programmazione
<STRONG>…<</STRONG>Mette il testo in grassetto

esempio:

<BLOCKQUOTE>Iniziamo a scrivere un testo qualsiasi</BLOCKQUOTE>
<B>che sia in grassetto</B>
<I>che sia in corsivo</I>
<U>che sia sottolineato</U>
<BR>
<P>tanto quello che scriviamo e’ solo un esempio</P>
<CODE>possiamo scrivere del codice</CODE>

Posizionare e formattare un testo

Titoli (Headings)
Esistono sei livelli di titoli (livello di importanza: da 1 a 6) che il browser visualizza usando
particolari font e portando a capo il testo successivo.Non servono a fare il testo “+ grande”, ma ad indicare del
testo che è considerato + importante nel documento.

<h1> <h2> <h3> <h4> <h5> <h6>

Paragrafi
Un nuovo paragrafo incomincia con il tag <P> e finisce con il tag </P>. Con questo tag possiamo utilizzare degli
attributi che ci consentono di posizionare il testo ad esempio
Posizioniamo il testo a sinistra della pagina

<P ALIGN=LEFT>
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
</P>

<P ALIGN=CENTER>
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
</P>

<P ALIGN=RIGHT>
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
</P>

Paragrafi

Font

Possiamo modificare il font di un testo tramite il tag <FONT>. Questo tag possiede tre attributi fondamentali quali

COLOR specifica il colore del testo in formato esadecimale
SIZE specifica la dimensione del testo
FACE specifica il font vero e proprio del testo

esempio:

<FONT COLOR=”#45F3E0″ SIZE=1 FACE=”arial”>uno</FONT>
<FONT COLOR=”#FFA30C” SIZE=2 FACE=”verdana”>due</FONT>
<FONT COLOR=”#00FF10″ SIZE=2 FACE=”tahoma”>tre</FONT>

Paragrafi

Liste
In html, le liste possono essere di due tipi:
Ordinate si usa il tag <OL> </OL> per dichiarare la lista e <LI> per le voci.
Non ordinate si usa il tag <UL>, </UL> per dichiarare la lista e <LI> per le voci.

Esempio di liste ordinate

<OL>
<LI> item 1
<LI>item 2
<LI>item 3
</OL>

Esempio di liste non ordinate

<UL>
<LI> voce 1
<LI>voce 2
<LI>voce 3
</UL>

Paragrafi

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • blinkbits
  • BlinkList
  • blogmarks
  • co.mments
  • del.icio.us
  • De.lirio.us
  • digg
  • Fark
  • feedmelinks
  • Furl
  • LinkaGoGo
  • Ma.gnolia
  • NewsVine
  • Reddit
  • scuttle
  • Smarking
  • Spurl
  • YahooMyWeb
  • DZone
  • Internetmedia
  • Snap2r
  • Technorati


Correlati


Commenti

Scrivi un commento





Commenti recenti:


Ultimi dal forum

Selezionando contrassegno si aggiungono spese al totale
Ho inserito postepay come pagamento
Inserire metakeywords
Problemi di installazione
Scaricare correttore ortografico italiano
Vari problemi
Installazione su server remoto
Installazione
Problema aggiornamento quantit prodotti carrello
Info
Bug utente + suggerimento formattazione
Problema cancellazione dalla mailing list
Problemi login
Problemi di visualizzazione nella home page
Fireworks appiattisce livelli quando salvo in png