Código HTML para alinhar as células acima

Ao criar um site em HTML, você pode encontrar uma tabela útil para organizar uma pequena quantidade de informações em linhas e colunas. As tabelas são usadas desde o início da web e são usadas com um papel importante na estrutura física de uma página da web. As tabelas são relativamente limitadas em termos de onde você pode colocar o conteúdo dentro delas, mas o fazem obedecendo ao código com o alinhamento do conteúdo da célula. As imagens e o texto padrão no centro da célula, falando verticalmente, mas uma simples adição de código move esse conteúdo para o topo da célula.

Valign code

Para mover texto ou imagem para o topo de uma célula, adicione o seguinte código ao rótulo ou:

valign = “top”

Valign significa “alinhamento vertical”. Se o conteúdo da célula não estiver alinhado na parte superior, verifique se você incluiu a palavra “top” entre aspas e se possui colchetes de abertura e fechamento entre colchetes nos rótulos. “Valign” é diferente de “align”, que trata do alinhamento horizontal em vez do alinhamento vertical dentro de uma célula.

Código da estrutura da tabela

Uma tabela simples com duas linhas e duas colunas pode ter o seguinte código:

Cabeçalho da coluna umCabeçalho da coluna dois
Dados da coluna umDados da coluna dois

O código

Simplesmente inicie a estrutura da tabela. O código representa uma linha na tabela e a insere. Você pode adicionar quantas células quiser, neste caso duas, com cada uma e mais duas células nessa linha definidas pelos dois rótulos

Isso cria texto em negrito, centralizado horizontal e verticalmente na parte superior da célula.

Dados da tabela

As células que você define como dados da tabela (rotuladas

Isso faz com que o conteúdo caiba no canto superior esquerdo da célula.

Referências

 

Você pode estar interessado:

Deixe um comentário