Assegnare stili ad una tabella

di

Le tabelle, se opportunamente usate, sono uno strumento utilissimo per contenere e visualizzare dati.

Una tabella è composta da 3 tag/elementi fondamentali:

  • table
  • tr
  • td

Oltre ad essi, ci sono alcuni tag opzionali che perè è consigliabile utilizzare, soprattutto per migliorare l’usabilità e l’accessibilità della tabella:

  • thead
  • tbody
  • th
  • caption
Esempio:
<table>

<caption>Table Caption</caption>
<thead>
<tr><th>Header</th><th>Header</th><th>Header</th></tr>
</thead>
<tbody>
<tr><td>Content</td><td>1</td><td>a</td></tr>
<tr><td>Content</td><td>2</td><td>b</td></tr>
<tr><td>Content</td><td>3</td><td>c</td></tr>
<tr><td>Content</td><td>4</td><td>d</td></tr>
<tr><td>Content</td><td>5</td><td>e</td></tr>
<tr><td>Content</td><td>6</td><td>f</td></tr>
<tr><td>Content</td><td>7</td><td>g</td></tr>
<tr><td>Content</td><td>8</td><td>h</td></tr>
<tr><td>Content</td><td>9</td><td>i</td></tr>
<tr><td>Content</td><td>10</td><td>j</td></tr>
</tbody>
</table>

Lascia un commento