HTML_tabelas

( Voltar ao Índice )

=TABELAS =

As tabelas compõe-se, basicamente, de **linhas** e **colunas**, cujas intersecções formam o que se chama de **células**. Uma célula pode conter um texto simples, uma hiperligação ou até mesmo uma imagem.

A tabela é criada pelas //**tags**// //** **//. Entre estas devem ser especificadas as //**tags**// responsáveis pela criação das linhas e células.


 * A **//tag//** responsável pela criação das linhas é //** **// (abreviatura de **table row**). - Se uma tabela tiver cinco linhas, deveram ser indicados cinco //**tags**//   .


 * A **//tag//** usada para especificar o conteúdo de uma célula é //** **// (abreviatura de **table data**). Para cada célula de uma linha deve ser usada essa //**tag**//.


 * <span style="font-family: Verdana,Geneva,sans-serif;">A //**tag**// //**<span style="font-family: 'Courier New',Courier,monospace;"> **//<span style="font-family: Verdana,Geneva,sans-serif;"> (abreviatura de **table header**) tem a mesma função da //**tag**// **//<span style="font-family: 'Courier New',Courier,monospace;">  //**<span style="font-family: Verdana,Geneva,sans-serif;">, só que o texto é mostrado a __**negrito** e **centrado**__.

===<span style="font-family: Verdana,Geneva,sans-serif;">Atributos de <span style="font-family: 'Courier New',Courier,monospace;"> || ||

**<span style="font-family: Verdana,Geneva,sans-serif;">Tabelas Complexas **
<span style="font-family: Verdana,Geneva,sans-serif;">Às vezes é necessário que uma célula ocupe mais de uma linha ou coluna. Isso é possível com inserção de dois atributos nas tags //**<span style="font-family: 'Courier New',Courier,monospace;"> **// <span style="font-family: Verdana,Geneva,sans-serif;">ou //**<span style="font-family: 'Courier New',Courier,monospace;">  **//<span style="font-family: Verdana,Geneva,sans-serif;">.

<span style="font-family: Verdana,Geneva,sans-serif;">**Atributos**: <span style="font-family: Verdana,Geneva,sans-serif;">//**colspan**// : Especifica quantas colunas da tabela a célula pode ocupar. <span style="font-family: Verdana,Geneva,sans-serif;">//**rowspan**// : Especifica quantas linhas da tabela a célula pode ocupar.

<span style="font-family: Verdana,Geneva,sans-serif;">//**align**//: alinhamento **horizontal** da célula. <span style="font-family: Verdana,Geneva,sans-serif;">//**valign**//: alinhamento **vertical** da célula. <span style="font-family: Verdana,Geneva,sans-serif;">//**nowrap**//: indica que o texto da célula não pode ser quebrado para se ajustar ao tamanho da tabela.


 * ===<span style="font-family: Verdana,Geneva,sans-serif;">Exemplo de uma tabela complexa === ||
 * <span style="font-family: 'Courier New',Courier,monospace;"> || [[image:html_tabela2.jpg]] ||