Como criar uma tabela simples em sua página da Web

Tabelas permitem-lhe organizar a informação na sua página Web e dar-lhe um olhar organizado que os visitantes vão achar útil. Quando utilizado como previsto, as tabelas têm linhas e colunas. Para cada local onde uma linha e coluna se cruzam, você tem uma célula de tabela. Cada célula pode ter a sua própria formatação: os dados em que pode ser alinhado à esquerda, centro ou direita, formatado, e assim por diante. Tabelas também têm células de cabeçalho de dados, no qual você colocar os cabeçalhos das colunas. Você pode criar uma tabela no bloco de notas. Aqui está o código HTML para uma tabela simples deste tipo:

Produção (toneladas)% Da meta
> North 4087102%
do Sul 4093110%

Esta é a forma como esta tabela simples olha em HTML e quando visualizado no Internet Explorer.

Uma tabela simples na Web e sua fonte HTML simples.
Uma tabela simples na Web e sua fonte HTML simples.

Eis o que cada parte do código HTML faz:

  • : O MESA tag começa e termina na mesa. o FRONTEIRA atributo cria a 2 pixels de largura borda ao redor da mesa. Não se esqueça de incluir uma borda, para que outros textos e gráficos em sua página Web não multidão demasiado perto da mesa.

  • , : Essas marcas começam e terminam a linha da tabela.

  • ,: Essas marcas cercar dados do cabeçalho da tabela. dados de cabeçalho da tabela é automaticamente formatado como negrito e centrado.

  • , : Essas marcas começar e terminar o item de dados da tabela.

Assim, a criação de uma tabela em HTML é bastante simples, mas também bastante tedioso. Você acabou de criar as linhas e os dados Artigos-se obter os itens de dados para a direita, as colunas de cuidar de si mesmos.

Obtendo os itens de dados direito pode ser um problema, porém. Para fazer o seu olhar de mesa apenas para a direita, você tem que usar opções de alinhamento e de formatação. Cometer erros torna-se muito fácil, e atualizar a aparência da tabela torna-se muito difícil. É por isso que muitas pessoas usam um editor de HTML, como CoffeeCup para criar e gerenciar tabelas e, em seguida, em alguns casos, fazer ajustes final em HTML para obtê-los apenas para a direita.

Semelhante

menu