As instruções de HyperText Markup Language (HTML) que formam tabelas colocadas em páginas da web fornecem um número bastante grande de parâmetros adicionais. Isso permite, ao contrário de outros elementos de bloco, definir tamanhos não apenas usando a linguagem CSS (Cascading Style Sheets ou "Cascading Style Sheets"), mas também usando o próprio HTML.
Instruções
Passo 1
Use o atributo de largura da tag da tabela para especificar a largura da tabela em pixels. A tabela de tag (instrução HTML) consiste em uma abertura (
) partes, entre as quais existem tags que formam as linhas e células da tabela. Parâmetros (atributos) adicionais podem ser colocados na tag de abertura, cuja lista para cada tag específica é determinada por padrões internacionais. Para a tag da tabela, esses padrões permitem o uso do atributo largura, que especifica a largura da tabela em pixels. O código HTML de uma tabela simples com uma tag definindo uma largura de 500 pixels pode ter a seguinte aparência:
| 1ª célula | 2ª célula |
Passo 2
Adicione um caractere% ao valor do atributo de largura se você precisar especificar a largura da tabela como uma porcentagem, em vez de em pixels:
| 1ª célula | 2ª célula |
Observe que essas porcentagens não serão necessariamente baseadas na largura da janela do navegador. A estrutura do documento é importante aqui - assim como um boneco aninhado não pode ser mais largo do que aquele em que está aninhado, então 100% da largura da tabela não pode ser maior que a largura do elemento pai. Por exemplo, se a tabela estiver dentro de um bloco div, a largura desse bloco será considerada como 100%.
etapa 3
Use as instruções da linguagem de descrição do estilo se quiser definir a mesma largura para as tabelas na página da web em um lugar no código-fonte. Para fazer isso, primeiro coloque na parte principal do código HTML (entre e) as tags de abertura e fechamento que limitam as declarações de linguagem CSS:
/ * As instruções CSS estarão aqui * /
Em seguida, coloque o seguinte CSS entre essas tags: table {width: 100px;} Aqui, table indica que a descrição colocada entre as chaves deve ser aplicada a todas as tags de tabela que aparecem no código da página. Bem, o parâmetro de largura define a largura. Aqui, também, você pode usar a largura relativa como uma porcentagem.
Passo 4
Especifique o nome da classe no código CSS e na tag da tabela HTML se precisar especificar a largura não para todas as tabelas, mas apenas para uma ou várias tabelas. Por exemplo, digamos que a classe que marca um grupo de mesas estreitas seja pequena. Então, a descrição de seu estilo pode ser assim: table.tiny {width: 100px;} E a tag correspondente de uma das tabelas no código HTML é assim:
| 1ª célula | 2ª célula |
