Tornano le lezioni di Come creare un sito web. Oggi vediamo come creare ed inserire tabelle nel nostro sito web.

Fonte Foto: http://blog.imm.cnr.it

Fonte Foto: http://blog.imm.cnr.it



Dopo un periodo di pausa torna “Come creare un sito web“, oggi vediamo come creare ed inserire tabelle all’interno dei nostri siti web. La tabella è molto utile specialmente se vogliamo dare un senso di professionalità ed ordine al nostro sito.

Molti usano le tabelle anche per impaginare tutto il sito web anche se questa tecnica non piace molto a Google in fase di indicizzazione del sito.

I TAG

Qui di seguito elenchiamo i TAG principali per creare una tabella:

<table>….</table>: Questi due tag aprono e chiudono la tabella

<tr>….</tr>: Questi due tag aprono e chiudono una riga

<td>….</td>: Questi due tag mi permettono di inserire una cella all’interno di una riga

ESEMPIO

Ora che conosciamo i tag principali vediamo un esempio per creare una tabella:

<table>

<tr>

<td>CIAO</td>

<td>LUCA</td>

</tr>

<tr>

<td>CIAO CIAO</td>

<td>LUCA LUCA</td>

</tr>

</table>

Con questo codice abbiamo creato una tabella con due righe, due colonne e 4 celle così disposte:

Prima riga – Prima colonna: CIAO

Prima riga – Seconda colonna: LUCA

Seconda riga – Prima colonna: CIAO CIAO

Seconda riga – Seconda colonna: LUCA LUCA

ATTRIBUTI

Insieme ai tag sopra elencati possiamo inserire anche degli attributi, i quali sono:

border=”inserire numero”: questo attributo, a seconda del numero che inserite nel virgolettato aumenterà o diminuirà lo spessore della vostra tabella. Se invece non volete far apparire i bordi della tabella allora dovete scrivere border=”0″.

Width e Height: questi due attributi servono a definire la larghezza e l’altezza della tabella. Questi due valori possono essere espressi in pixel o in percentuale (%).  Se mettiamo i valori in pixel il codice sarà:

<table width=”300″ height=”300″ border=”1″>

Se invece esprimiamo i valori in percentuale:

<table width=”30%” height=”30%” border=”1″>

Se questi due attributi vengono inseriti nel tag <td> possiamo definire anche le dimensioni delle celle.
Se l’articolo è stato di vostro gradimento condividetelo il più possibile su tutte le piattaforme di Social Network.

Ad maiora