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 fornecem 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.
Passo 1
Defina uma tabela com uma borda de um pixel usando a abertura
marcação:Vídeo do dia
Passo 2
Insira a primeira linha de células e seu conteúdo com este código:
etapa 3
Insira a segunda linha de células e seu conteúdo com este código:
Passo 4
Feche a tabela com a tag final:
 |
Esta é uma descrição do primeiro item. | Este item está atualmente disponível. |
 |
Esta é uma descrição do segundo item. | Este item está em espera. |
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 a terceira colunas exibem a descrição do produto e informações sobre o estoque. Observe que cada linha começa e termina com a tag 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.referências
- W3Schools.com: tabelas HTML
