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 Cliente
Nome do cliente
Nome do arquivo
Keyname
New51132
Windows2012
demonstração.pdf
TestKey
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 Cliente
Nome do cliente
Nome do arquivo
Keyname
New51132
Windows2012
demonstração.pdf
TestKey
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:
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.