Especificando fonte e tamanho na tabela HTML

Especificando fonte e tamanho na tabela HTML
Quando as tabelas são criadas em um documento HTML, os desenvolvedores desejam definir o tamanho da tabela e a fonte do conteúdo da tabela para manter uma boa interface gráfica do usuário. A maneira tradicional de criar uma tabela em HTML é adicionar um “" elemento. Mais especificamente, para especificar a fonte e o tamanho da tabela, o “”O elemento é usado.

Este post demonstrará o método para especificar a fonte e o tamanho de uma tabela HTML.

Usando a tag "" para especificar fontes e tamanho na tabela HTML

Os desenvolvedores podem especificar a fonte e o tamanho da tabela HTML através do “”Elemento de tal maneira que este“”O elemento cobre todo o conteúdo da tabela. O tamanho da tabela pode ser declarado usando o “tamanhoAtributo dentro do “”A tag de abertura e o estilo da fonte podem ser declarados através do“face”Atributo.

Exemplo

Suponhamos que exista o seguinte exemplo de uma tabela HTML para a qual definiremos a fonte e o tamanho:















ID do ClienteNome do clienteNome do arquivoKeyname
New51132Windows2012demonstração.pdfTestKey

No trecho de código acima:

  • A "Fonte”O elemento é adicionado que tem os atributos“tamanho" e "face”Na etiqueta de abertura para especificar o tamanho e o estilo da fonte da tabela, respectivamente.
  • Dentro de "Fonte”Elemento, adicione um“mesa”Elemento para criar a tabela para a qual o tamanho mencionado acima e os atributos do estilo de fonte devem ser aplicados.
  • Na abertura “mesa”Tag, defina o“aula”Atributo que define uma classe chamada“aba”.
  • Dentro de "mesa”Elemento, especifique o“”Elemento que adiciona as linhas da tabela.
  • Dentro de "”Elemento, defina o“”Elementos para adicionar as células da tabela e definir cada valor a ser adicionado à tabela.
  • Por fim, especifique outro “”Elemento para adicionar uma linha separada e o“”Elementos dentro dele da mesma maneira que as linhas adicionadas acima.
  • Isso criará uma única tabela na saída.

Agora, podemos criar outra tabela HTML com diferentes valores definidos para o “tamanho" e "face”Atributo apenas para diferenciar a fonte e o tamanho das duas tabelas diferentes:













ID do ClienteNome do clienteNome do arquivoKeyname
New51132Windows2012demonstração.pdfTestKey

No trecho de código acima:

  • Outra tabela criada exatamente da mesma maneira que na seção anterior deste post. A única diferença é que os valores definidos para o “tamanho" e "faceAtributos dos “Fonte”Tag são diferentes.
  • Aqui, o tamanho foi definido como “5”E a face da fonte foi definida como“consolas”.

As propriedades do CSS para criar uma melhor representação para as duas tabelas são fornecidas abaixo:

Table, th, td
borda: 2px Solid DarkBlue;
colapso da fronteira: colapso;

.aba
margem: 8px;
largura: 80%;

O código acima criará duas tabelas diferentes na saída. Um com o tamanho “2”E a fonte“correio”E o outro com o tamanho“5”E Fonte“consolas”:

É assim que podemos especificar a fonte e o tamanho na tabela HTML.

Conclusão

Na tabela HTML, a fonte e o tamanho podem ser especificados adicionando o “”Elemento de tal maneira que cobre todos os“

”Elementos dentro dele. O tamanho da tabela é definido pela adição do “tamanho”O atributo e o estilo de fonte do conteúdo da tabela são definidos pela adição do“faceAtributo no “”Tag de abertura. Este post explicou como especificar a fonte e o tamanho da tabela HTML.