Especificar fuente y tamaño en la tabla HTML

Especificar fuente y tamaño en la tabla HTML
Cuando las tablas se crean en un documento HTML, los desarrolladores quieren definir el tamaño de la tabla y la fuente del contenido de la tabla para mantener una buena interfaz gráfica de usuario. La forma tradicional de crear una tabla en HTML es agregar un "" elemento. Más específicamente, para especificar la fuente y el tamaño de la tabla, el "El elemento se usa.

Esta publicación demostrará el método para especificar la fuente y el tamaño de una tabla HTML.

Uso de la etiqueta "" para especificar la fuente y el tamaño en la tabla HTML

Los desarrolladores pueden especificar la fuente y el tamaño en la tabla HTML a través del ""Elemento de tal manera que esto"El elemento cubre todo el contenido de la tabla. El tamaño de la tabla se puede declarar utilizando el "tamaño"Atributo dentro del""La etiqueta de apertura y el estilo de fuente se pueden declarar a través del"rostro" atributo.

Ejemplo

Supongamos que existe el siguiente ejemplo de una tabla HTML para la cual definiremos la fuente y el tamaño:















Identificación del clienteNombre del clienteNombre del archivoNombre clave
New51132Windows2012manifestación.pdfTecla de prueba

En el fragmento de código anterior:

  • A "fuente"Se agrega elemento que tiene los atributos"tamaño" y "rostro"En la etiqueta de apertura para especificar el tamaño y el estilo de fuente de la tabla respectivamente.
  • Dentro de "fuente"Elemento, agregue un"mesaEl elemento para crear la tabla para la cual se deben aplicar el tamaño mencionado anteriormente y los atributos de estilo de fuente.
  • En la apertura "mesa"Etiqueta, configure el"clase"Atributo que define una clase llamada"pestaña".
  • Dentro de "mesa"Elemento, especifique el""Elemento que agrega las filas de la tabla.
  • Dentro de ""Elemento, defina el""Elementos para agregar las celdas de la tabla y definir cada valor que se agregará a la tabla.
  • Por último, especifique otro "El elemento "para agregar una fila separada y el""Elementos dentro de él de la misma manera que las filas se agregaron arriba.
  • Esto creará una sola tabla en la salida.

Ahora, podemos crear otra tabla HTML con diferentes valores definidos para el "tamaño" y "rostro"Atributo solo para diferenciar la fuente y el tamaño de las dos tablas diferentes:













Identificación del clienteNombre del clienteNombre del archivoNombre clave
New51132Windows2012manifestación.pdfTecla de prueba

En el fragmento de código anterior:

  • Otra tabla creó exactamente de la misma manera que en la sección anterior de esta publicación. La única diferencia es que los valores definidos para el "tamaño" y "rostro"Atributos del"fuente"La etiqueta son diferentes.
  • Aquí, el tamaño se ha definido como "5"Y la cara de la fuente se ha definido como"consolas".

Las propiedades de CSS para crear una mejor representación para ambas tablas se dan a continuación:

tabla, th, td
Border: 2px Solid Darkblue;
Colapso de borde: colapso;

.pestaña
margen: 8px;
Ancho: 80%;

El código anterior creará dos tablas diferentes en la salida. Uno con el tamaño "2"Y la fuente"mensajero"Y el otro con el tamaño"5"Y Font"consolas":

Así es como podemos especificar la fuente y el tamaño en la tabla HTML.

Conclusión

En la tabla HTML, la fuente y el tamaño se pueden especificar agregando el ""Elemento de tal manera que cubra todos los"

"Elementos dentro de él. El tamaño de la tabla se define agregando el "tamaño"El atributo y el estilo de fuente del contenido de la tabla se define agregando el"rostro"Atributo en el""Etiqueta de apertura. Esta publicación explicó cómo especificar la fuente y el tamaño de la tabla HTML.