Ao construir um site em HTML , você pode encontrar uma tabela útil para organizar uma pequena quantidade de informações em linhas e colunas . Tabelas são utilizadas desde os primórdios da Web , e usado para desempenhar um papel importante na estrutura física de uma página web . As tabelas são relativamente limitados em termos de onde você pode colocar o conteúdo dentro deles , mas eles obedecem código lidar com o alinhamento do conteúdo da célula . Imagens e texto padrão para o centro da célula , verticalmente falando , mas uma adição simples código move este conteúdo para o topo da célula . Código VAlign
Para mover texto ou uma imagem para o topo de uma célula , adicione o seguinte código para o
ou | tag:
valign = " top "
vAlign significa" alinhamento vertical. " Se o conteúdo da célula não se alinham ao topo , certifique-se de que você tenha fechado a palavra "top" com aspas, e que você tem tanto e abertura e fechamento de colchetes em torno das tags. " Valign " é diferente de " align ", que lida com a horizontal , em vez de alinhamento vertical dentro de uma célula .
Estrutura Tabela de Códigos
Uma tabela simples de duas linhas e duas colunas pode ter o seguinte código:
Coluna Um cabeçalho |
Coluna Dois Header |
Coluna Um de Dados |
Coluna Dois dados < /td >
|
O código , simplesmente começa a estrutura da tabela . O código significa linha da tabela e apresenta a linha. Você pode adicionar quantas células como você quer, neste caso dois, com cada | , ou tag cabeçalho da tabela . Você pode terminar uma linha , adicionando a tag | . Esta tabela tem apenas mais uma linha, iniciada por outro tag , e mais duas células na linha definida pelas duas marcas | . Você pode adicionar o valign = código de "top" dentro de qualquer um destes | ou tags | para cima para alinhar todos os conteúdos da célula.
Table Header
as células que você define como cabeçalhos de tabela ( com a tag | ) consistem na linha na parte superior da tabela. O formato padrão de conteúdo cabeçalho da tabela para texto em negrito com alinhamentos horizontal e vertical centrada . Se você deseja alinhar verticalmente o conteúdo no topo , o código para esta célula deve ler :
| Coluna Um cabeçalho |
cria texto em negrito , centralizado horizontalmente e verticalmente alinhado com a parte superior da célula.
Tabela dados
as células que definem como os dados da tabela (com a < td> tag) tipicamente consistem de o resto das informações em sua tabela. O estilo destas células padrões para peso do texto normal, centralização vertical e alinhamento à esquerda . Verticalmente de cima para alinhar o conteúdo dessas células , o código deve ser:
Coluna Um de Dados |
Isso faz com que o conteúdo alinhar para o canto superior esquerdo da célula.
| 