Configuración de ancho de columna de tabla HTML

En cualquier documento, la representación de datos juega un papel vital en la atención del lector. Hay varias formas de representar datos, como gráficos, gráficos y más. Más específicamente, se agrega una tabla en una página web para mostrar los datos en el tamaño y el formato adecuados. Una tabla consta de filas y columnas de datos, y su altura y ancho se pueden establecer con la ayuda de las propiedades CSS.

Esta guía te enseñará:

• Cómo crear una tabla en HTML?
• Cómo ajustar la altura de la fila de la mesa?
• Cómo ajustar el ancho de la columna de la tabla?

Cómo crear una tabla en HTML?

En HTML, primero, agregue un "mesa"Elemento y aplicar"ancho"Con el valor de"100%". Luego añade etiqueta para agregar la primera fila de la tabla, y dentro de esta etiqueta, agregue números de Etiquetas para encabezados. Después de agregar la fila de la tabla para los encabezados, agregue filas para obtener datos. Para hacerlo, agregar Etiquetas, incluido Para los datos:

Nombre	Género	Edad
Péter	Masculino	23
Dennis	Masculino	26
Margarita	Femenino	23

Actualmente, nuestra página web se ve así:

Ahora, ajuste los tamaños de fila y columna de la tabla.

Cómo ajustar la altura de la fila de la mesa?

La altura de la fila de la tabla se puede ajustar utilizando el "altura" propiedad. A continuación se muestra el ejemplo donde el

La etiqueta se proporciona con la altura de la propiedad de estilo con valor 100px:
Dennis
Masculino
26

Se puede ver en la imagen a continuación que la segunda fila de la tabla ahora tiene una longitud de 100px:

Cómo ajustar el ancho de la columna de la tabla?

El ancho de la columna se puede modificar utilizando el CSS "ancho" propiedad. Aquí, el ancho de la tabla se establece como 80%:

Nombre
Género
Edad

Producción

Eso es todo! Hemos aprendido con éxito a ajustar el ancho y la altura de una mesa.

Conclusión

Las tablas son el medio más popular para presentar datos a medida que organizan datos en filas y columnas. En CSS, se puede hacer una mesa utilizando el

, ,

,

. Sin embargo, puede utilizar las propiedades de altura y ancho para especificar el tamaño de la tabla. Este blog explicó específicamente el método para establecer el ancho de las filas y columnas de la tabla. « Configurar un entorno de desarrollador utilizando Docker Establecer espaciado celular en CSS - HTML » Java Ejemplos de métodos java Tutorial sobre los métodos de Java, cómo usar los modificadores de acceso para establecer el alcance... Mayte Mesa Base de datos Oracle Cómo hacer una copia de seguridad de una mesa en Oracle? Para crear una copia de seguridad de una tabla, la instrucción Crear tabla, el comando Exp o la herr... Andrés Barrientos Potencia Shell Get-ChildItem Listing Archivos, registro y certificados El cmdlet get-childitem obtiene elementos y artículos para niños de una o más ubicaciones especifica... Lorenzo Canales Pitón Python OS.camino.método expandido Pilar Alemán Pitón SEABOR SAVE PLATA Mayte Mesa Comandos de Linux Cómo instalar y habilitar la autenticación multifactor SSH para sistemas Linux Homero Ontiveros golang Cómo convertir la cadena al tipo entero en Golang? Beatriz Enríquez Base de datos Oracle Cómo Oracle Database es diferente del desarrollador de Oracle SQL? Pilar Melgar Estibador Cómo detener todos los servicios de Docker? Daniela Villaseñor c agudo Cómo usar la palabra clave larga en C# Pilar Alemán c agudo Cómo convertir un decimal a un doble en c# Beatriz Enríquez php Por qué se debe utilizar PHP en el desarrollo web Carolina Guzmán Comandos de Linux Cómo iniciar un tráfico de multidifusión en iPerf Pilar Alemán