Foto: Reprodução.

Tabelas:

Tabelas são elementos simples que podem ser adicionados ao seu documento através das tags "<table></table>", "<tr></tr>", "<th></th>" e "<td></td>".
  1. <table>: Tag que irá construir a tabela em si, através dessa tag podemos formatar a tabela como queremos, alterando cor de fundo, espessura da borda, etc. Modificações essas que você verá melhor em um tópico sobre CSS. As tags seguintes sempre virão entre essa tag.
  2. <tr>: Por sua vez essa tag permite a criação de linhas na tabela. Dentro dessa tag podemos colocar o conteúdo da respectiva linha usando as tags abaixo.
  3. <th>: Já essa permite e a criação de linhas de titulo, o conteúdo entre elas ficará em negrito. Ela sempre vem dentro da tag <tr>.
  4. <td>: Muito semelhante a tag anterior, essa tag contém o conteúdo da respectiva linha em que está inserida mas como informação em si e não um título.
Essas são as tags fundamentais para a criação de uma tabela, com elas você pode criar uma tabela simples como a ilustrada abaixo:

Código fonte.

Resultado do código fonte anterior.

Agora iremos adicionar algumas formatações a tabela que acabamos de criar. Primeiro vamos adicionar uma borda com o argumento "border" dentro da tag table, adicionar uma cor de fundo com o argumento "bgcolor" e alem disso modificar as dimensões da tabela com os argumentos "width"(largura) e "height"(altura). Da seguinte forma:

<table bgcolor = "lightblue" border="1" width="300px" height="200px">

Após a adição desses poucos argumentos à tag <table> é assim que a nossa tabela fica:
Tabela formatada.

Também podemos adicionar uma legenda a tabela com a tag <caption> dentro da tag <table>. Assim:

<caption align="top">COMPONENTES DE PC!</caption>

O argumento "align" informa onde a legenda deve ser apresentada levando em consideração a posição da tabela. No caso estamos usando "align = top" assim a legenda ficará acima da tabela. Podemos mudar a posição da legenda alterando o atributo "top" para "bottom"(abaixo), "right" (direita) ou "left"(esquerda).

Esse será o resultado:

Além disso também podemos modificar a estrutura de nossas tabelas, alterando o numero de linhas e colunas para um mesmo título com os argumentos "rowspan" e "colspan", respectivamente. Veja o exemplo abaixo:

Código fonte.

Resultado do código fonte anterior.

A mesma lógica se aplica ao argumento "rowspan". Como mostrado abaixo:

Código fonte.

Resultado do código fonte anterior.