Iniaziamo a Programmare: HTML - Formattazione del testo

Abbiamo già visto come mostrare un contenuto testuale nelle proprie pagine web, tuttavia ora dobbiamo rendere questo testo meno banale: tanto per iniziare vediamo un tag fondamentale che serve per andare a capo, perchè se premete semplicemente invio non basterà:
<BR/> : non ha bisogno di chiusura, è uno di quei rari tag fini a se stessi.

Ora vediamone altri tre per una delle modifiche più comuni che possono venirvi in mente:

<b>testo</b> : testo in grassetto
<i>testo</i> : testo in corsivo
<u>testo</u> : testo sottolineato

Fate attenzione ad un errore molto comune: non potete scrivere una cosa come <b><i>testo</b></i>! è sbagliatissimo. Dovete ricordarvi che un tag sta sempre dentro l'altro quindi va chiuso prima quello più interno e poi quello più esterno: <b><i>testo</i></b>

Ricordatevi sempre che questi tag vanno inseriti nel nostro <Body>!

Bene ora vediamo come modificare le dimensioni. Il metodo più usato consiste nell'uso dei tag <h>, ne esistono 7:

<h1> testo</h1> : rende il testo il più grande possibile
<h2> testo</h2>
<h3> testo</h3>
<h4> testo</h4>
<h5> testo</h5>
<h6> testo</h6>
<h7> testo</h7> : rende il testo il più piccolo possibile

Un altro metodo è usare big e small:

<big> testo </big> : rende il testo un pochino più grande
<small> testo </small> : rende il testo un pochino più piccolo

Passiamo all'allineamento del testo. Tanto per indenderci, per allineamento si intende se il testo attaccato al margine sinistro, destro o al centro. Il tag più semplice è quello per il centro infatti è sufficiente scrivere:

<center> testo </center> e ci ritroveremo la parola testo proprio in centro alla pagina!

per quanto riguarda gli altri due dobbiamo introdurre un concetto nuovo.
Alcuni tag possono diventare più complessi in quanto possiedono degli attributi ovvero delle specifiche del tag. Sfruttiamo il nostro caso per fare un esempio:

<p> testo </p>

così com'è questo tag (paragrafo) non ha nulla di diverso da ciò che abbiamo visto fino ad ora, ma se noi volessimo tutto il testo di quel paragrafo sulla destra?

align è l'attributo per stabilire l'allineamento e right.. bè right vuol dire destra, non c'è molto da spiegare.. Rimane ovvio che per metterlo a sinistra al posto di "right" ci sarà "left".

Uno dei tag più utili per la formattazione del testo è il tag <font> con i suoi attributi.

<font size="1"> testo </font> : un ulteriore metodo per variare la dimensione. (valori 1-7)
<font face="Times new Roman"> testo </font> : cambia il font.
<font color="blue"> testo </font> : cambia il colore.

Ora non ci rimane che parlare degli elenchi puntati, ve ne sono due tipi in particolare caratterizzati dai tag <ul> e <ol> il primo crea effettivamente un elenco Puntato, il secondo uno numerato.
Per crearli correttamente dovete conoscere ancora un tag valido per entrambi <li> che distingue ciascun punto del vostro elenco.

<ul>
<li>punto 1</li>
<li>punto 2</li>
<li>punto 3</li>
</ul>

E con questo abbiamo finito anche per oggi.

Revenant

La nostra nuova rubrica firmata Revenant

30/08/11

HTML - Formattazione del testo

Nessun commento:

Posta un commento