Cómo centrar una mesa en HTML?

Cómo centrar una mesa en HTML?
En HTML, una tabla juega un papel importante en la organización de datos. La tabla utiliza una combinación de filas y columnas para almacenar datos. Permite al desarrollador organizar la pila de datos no organizados en filas y columnas.

En html,

la etiqueta se usa para la creación de una mesa. Dentro de esta etiqueta y















Las etiquetas se utilizan para crear las filas y columnas de una tabla. HTML nos permite formatear la tabla con la ayuda de propiedades CSS. En esta publicación, hemos demostrado la forma de centrar una mesa en HTML.

Cómo centrar una mesa en HTML?

En HTML, las tablas se utilizan principalmente para mejorar la legibilidad y la estética del contenido. El siguiente ejemplo práctico muestra el proceso de creación de una tabla junto con el proceso de mantenerlo en el centro.

Html




Primer documento




Mesa simple


borde = "1">
NombresLos grados
AliciaA
JhónC
AlexB



En este código, hemos creado una tabla simple con la ayuda de

, , y
etiquetas. Dentro de Etiqueta, se utilizan tres propiedades CSS. El valor para ambos margen de pesa y margen de derecha es automático mientras el valor de texto alineado está establecido en el centro.

Producción

La salida muestra claramente que la tabla se centra con éxito con la ayuda de propiedades de margen CSS.

Eso es todo! Has aprendido a centrar la mesa con la ayuda de las propiedades de CSS.

Conclusión

En HTML, podemos centrar la tabla aplicando el margen-izquierda CSS, las propiedades de margen-derecha y establecer sus valores como Auto. Esto agregará el margen en el lado izquierdo y derecho de la tabla por igual, lo que alineará la tabla en el centro de la página HTML. Además, puede usar la propiedad de alineación de texto para centralizar el contenido de la tabla. Todas estas propiedades se aplican en un código HTML para centrar una tabla en HTML.