Lavorare con le tabelle in HTML

Ora impareremo a creare tabelle in HTML. Penso che abbiate un'idea di cosa sia una tabella nella vita reale - è un insieme di righe e colonne, all'incrocio delle quali si trovano delle celle.

In HTML le tabelle sono create secondo un principio simile. Anche lì ci sono colonne, righe e celle, tuttavia, il codice HTML delle tabelle a prima vista può sembrare insolito: le tabelle sono create per righe - prima la prima riga, poi la seconda e così via.

Il codice della tabella ha una struttura rigida: il principale è il tag table, all'interno del quale devono trovarsi i tag tr, che creano le righe della tabella, e al loro interno - i tag td, che creano le celle. Il tag table può avere l'attributo border, che imposta il bordo alla tabella e alle sue celle.

Ad esempio, creiamo una tabella con tre righe e tre celle in ogni riga:

html<table border="1">
  <tr>
    <td>cell 1</td>
    <td>cell 2</td>
    <td>cell 3</td>
  </tr>
  <tr>
    <td>cell 4</td>
    <td>cell 5</td>
    <td>cell 6</td>
  </tr>
  <tr>
    <td>cell 7</td>
    <td>cell 8</td>
    <td>cell 9</td>
  </tr>
</table>

Результат: