Passa ai contenuti principali

HTML - Tabelle

In HTML è possibile inserire tabelle di dati in questo modo
Per inserire una tabella è necessario utilizzare il tag <table> e il corrispettivo tag di chiusura </table>

All'interno del tag <table> e </table> si inseriscono le righe e colonne che formeranno la tabella utilizzando i tag <tr> e il corrispettivo tag di chiusura </tr>

All'interno del tag <tr> e </tr> si inserisce il testo che andrà ad occupare la cella utilizzando i tag <td> e il corrispettivo tag di chiusura </td>

Vediamo alcuni esempi per capire meglio il concetto
TABELLE
Esempio 1:

Risultato 1:
Colonna 1
Dato 1,1
Dato 2,1
Dato 3,1

Come si vede dall'esempio la tabella è composta da una sola colonna, ma se vogliamo più colonne basta replicare il tag <td> e </td> dopo la prima colonna, cioè dopo il tag di chiusura </td>

Esempio 2:
Risultato 2:
Colonna 1Colonna 2
Dato 1,1Dato 1,2
Dato 2,1Dato 2,2
Dato 3,1Dato 3,2


ATTRIBUTI PER LE TABELLE
Come si può vedere dagli esempi viene creata una tabella senza bordo, questo perché non è stato utilizzato alcun attributo all'interno dei tag.
Gli attributi possono essere utilizzati all'interno di tutti i tag <table> -  <tr> - <td> a seconda di dove viene inserito si avrà una risultato differente.

Bordo della tabella
Per applicare bordo alla tabella bisogna utilizzare l'attributo border all'interno del tag <table>

Esempio:
Risultato:
Colonna 1Colonna 2
Dato 1,1Dato 1,2
Dato 2,1Dato 2,2
Dato 3,1Dato 3,2


Colore bordo della tabella
E' possibile cambiare il colore del bordo aggiungendo l'attributo bordercolor all'interno del tag <table>
Esempio:
Il colore deve essere scritto in formato RGB esadecimale.
Risultato:
Colonna 1Colonna 2
Dato 1,1Dato 1,2
Dato 2,1Dato 2,2
Dato 3,1Dato 3,2


Sfondo della tabella
Per applicare lo sfondo alla tabella bisogna utilizzare l'attributo bgcolor all'interno del tag <table>

Esempio:
Il colore deve essere scritto in formato RGB esadecimale.
Risultato:
Colonna 1Colonna 2
Dato 1,1Dato 1,2
Dato 2,1Dato 2,2
Dato 3,1Dato 3,2


Sfondo della cella
Per applicare lo sfondo ad una singola cella bisogna utilizzare l'attributo bgcolor all'interno del tag <td>

Esempio:
Il colore deve essere scritto in formato RGB esadecimale.
Risultato:
Colonna 1Colonna 2
Dato 1,1Dato 1,2
Dato 2,1Dato 2,2
Dato 3,1Dato 3,2


Sfondo della riga
Per applicare lo sfondo ad una singola riga bisogna utilizzare l'attributo bgcolor all'interno del tag <tr>

Esempio:
Il colore deve essere scritto in formato RGB esadecimale.
Risultato:
Colonna 1Colonna 2
Dato 1,1Dato 1,2
Dato 2,1Dato 2,2
Dato 3,1Dato 3,2


Commenti

Post popolari in questo blog

Arduino - Lampeggio Led (delay vs. millis)

Cosa sono delay() e millis()? Delay() è una funzione che mette in pausa il programma per un determinato tempo espresso in millisecondi, così facendo viene interrotta l'esecuzione del programma e se abbiamo un dispositivo in ingresso che durante il tempo di pausa cambia di stato il programma non se ne accorge fino a quando non ricomincia l'esecuzione dall'inizio. La struttura di delay è: delay(1000);   da inserire nel punto dello sketch in qui si vuole interrompere il programma in questo modo il programma viene messo in pausa per 1000 millisecondi = 1 secondo. Per saperne di più Millis() è una funzione che permette di sapere da quanto tempo è in funzione il microprocessore di Arduino UNO. In questo modo il programma non andrà mai in pausa ed è sempre in esecuzione, perché millis memorizza il tempo trascorso dall'avvio e poi per eseguire una determinata funzione si fa un controllo del tempo iniziale e il tempo trascorso. Per saperne di più Vediamo un esempi

Arduino - Utilizzo potenziometro e display LCD

Leggere il valore di un poteziometro (parte 1) Il potenziometro è un componente molto utilizzato in elettronica in quanto il suo uso permette di regolare una tensione variabile (in questo caso 0 - 5 Volt) in ingresso al microcontrollore. Il potenziometro va collegato secondo lo schema qui sotto al pin analogico A0 di Arduino.

Arduino - Lettura tensione potenziometro e display LCD

Leggere il valore di un poteziometro (parte 2) Oggi vedremo come leggere il valore in tensione di un potenziometro collegato al pin Analogico A0 di Arduino.