As tabelas fornecem o método mais simples de construir um catálogo online em HTML. Uma tabela de três colunas oferece espaço para uma imagem do produto, descrição e informações de envio/pedido. A inserção de informações em tabelas reduz o tempo necessário para justificar o texto. Além disso, as tabelas oferecem controle do espaço em branco ao redor das informações em sua página para aprimorar a aparência e a clareza do seu site.
Etapa 1
Defina uma tabela com uma borda de um pixel usando a tag de abertura
Etapa 2
Insira a primeira linha de células e seu conteúdo com este código:
| Esta é uma descrição do primeiro item. | Este item está disponível no momento. |
Etapa 3
Insira a segunda linha de células e seu conteúdo com este código:
| Esta é uma descrição do segundo item. | Este item está em espera. |
Etapa 4
Feche a tabela com a tag final:
Dica
Este exemplo simples produz uma tabela com duas linhas e três colunas. A primeira coluna exibe uma imagem de 60 por 60 pixels do produto usando a tag. A segunda e terceira colunas exibem a descrição do produto e as informações de estoque. Observe que cada linha começa e termina com o
e cada item na linha começa e termina com uma tag . Insira quantas colunas ou linhas forem necessárias para descrever seu produto. Insira o comando cellpadding imediatamente após a especificação da borda na definição da tabela para aumentar a quantidade de espaço em branco entre as bordas da tabela e seu conteúdo. Por exemplo, cria um espaço em branco de 10 pixels ao redor do conteúdo de cada célula da tabela. |