Eccoci qui con la nostra 20° lezione sull’html. Oggi parleremo ancora di tabella

- Attributi del tag table

Prima di tutto, finisamo di elencare gli attributi del tag table, che possono essere inclusi con quest’ultimo (e che se non vengono messi, hanno dei valori predefiniti per default).

Abbiamo già analizzato nelle scorse edizioni gli attributi per la larghezza, per l’altezza e per i bordi. Oggi spieghiamo due nuovi tag: il tag cellspacing e quello cellpadding.

Il primo serve a specificare la distanza tra la cella e il bordo; Il secondo, invece, indica la distanza tra il contenuto della cella e il bordo. In entrambi i tag i valori vengono misurati in pixel e il valore di default è di 1 (quindi se si vogliono annullare i due valori, bisogna necessariamente specificarlo).

Ecco un esempio …

---

– Raggruppare più celle

In excel, tramite il pulsante unisci, è possibile unire più celle (sia orizzonatalmente che verticalmente). Ebbene, è possibile fare ciò anche all’interno del codice html, semplicemente attraverso l’utilizzo di due utili tag, di seguito elencati:

• tdcolspan=”2″ serve a unire due celle posizionate tra loro in modo orizzontale.
• tdrowspan=”2″ serve a unire due celle posizionate tra loro in modo verticale.

Sopra è stato inserito un 2 perché nel nostro esempio sono state unite 2 celle, ma ciò non toglie che se ne possano unire di più (ovviamente meno di 2 sarebbe stupido).

Ecco, due esempi di codici html con i rispettivi risultati.

	Qui è stato usato il tag tdcolspan

	Qui è stato usato il tag tdrowspan

Tags: HTML