>> Tecnologia eletrônica >  >> Lar inteligente >> Vida Inteligente

Como fazer um catálogo de produtos com HTML


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.