Trabalhando com tabelas em HTML

Agora vamos aprender a fazer tabelas em HTML. Acho que você tem uma ideia do que é uma tabela na vida comum - é um conjunto de linhas e colunas, na interseção das quais estão as células.

Em HTML, as tabelas são criadas com um princípio semelhante. Lá também existem colunas e linhas com células, no entanto, o código HTML das tabelas à primeira vista pode parecer incomum: as tabelas são criadas por linhas - primeiro a primeira linha, depois a segunda e assim por diante.

O código da tabela tem uma estrutura rígida: o principal é a tag table, dentro da qual devem estar as tags tr, que criam as linhas da tabela, e dentro delas - as tags td, que criam as células. A tag table pode ter o atributo border, que define a borda para a tabela e suas células.

Vamos fazer, por exemplo, uma tabela com três linhas e três células em cada linha:

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>

Результат: