Tabela

Catálogo de Preços

Artigos Preços Imagem

Rato 5,99

Teclado 9,99

Pen-drive 4,74

Saiba Mais

Explicação das tags utilizadas no código:

<table>...</table> — cria uma tabela para organizar dados em linhas e colunas.

<colspan> — atributo usado dentro da tag <th> ou <td> para fazer uma célula ocupar **várias colunas** na tabela.

<rowspan> — atributo que faz uma célula ocupar **várias linhas** na tabela, ideal pra agrupar informações verticalmente (como “Sociocultural”, “Científica” e “Técnica”).

<tr>...</tr> — define uma linha dentro da tabela.

<td>...</td> — define uma célula (coluna) dentro da linha da tabela.

<p>...</p> — cria um parágrafo de texto.

<b>...</b> — deixa o texto em negrito, destacando-o.

<img> — insere uma imagem na página. Usa os atributos src (caminho do arquivo) e height (altura).

<details>...</details> — cria uma seção dobrável (tipo “clique para ver mais”).

<summary>...</summary> — é o título que aparece no `<details>`. Quando clicado, mostra o conteúdo escondido.

<hr> — insere uma linha horizontal para separar conteúdos.

<align>, bgcolor e border — são atributos usados para alinhar, colorir e definir bordas nas tabelas ou textos.