En el mundo moderno de hoy, casi todo está en línea, ya sea comprar, vender, administrar cuentas, etc. debido a que se necesita organizar una gran cantidad de datos. Pero aquí la pregunta es cómo organizamos esa gran cantidad de datos? Entonces, la respuesta a este problema es muy simple, podemos organizar datos con la ayuda de tablas. En HTML, las tablas juegan un papel vital en la organización de datos que mejora la interactividad de la interfaz.
Este artículo lo guía para crear tabla en HTML y tiene los siguientes resultados: este artículo lo dirá
Cómo crear una tabla en HTML
Encabezado de mesa
Tabla Cellspacing y Cellpadding
Table Rowspan y Colspan
Título de tabla
Encabezado, cuerpo y pie de página para la mesa
Cómo crear una tabla en HTML
Se utiliza una tabla HTML para organizar datos en filas y columnas. Para crear una tabla en html usamos
etiqueta y para crear filas en una mesa
La etiqueta se usa mientras crea celdas en una tabla que usamos
etiqueta. El siguiente ejemplo le brinda una vista clara de cómo crear una tabla en HTML.
Ejemplo
MESA
Manteca
3 kilogramo
Leche
3 litros
En el ejemplo anterior creamos una tabla simple con dos filas y celdas. Se crea una tabla usando
Etiqueta junto con el atributo fronterizo. Luego dentro de un
Etiqueta que usamos
Etiqueta para crear la fila de mesa y en el interior
Etiqueta que usamos
Etiqueta para crear columnas dentro de una fila.
Producción
Como puede ver, tenemos una mesa con dos filas y columnas como se esperaba.
Encabezado de mesa
Usamos
Etiqueta para insertar encabezado en una mesa. El siguiente ejemplo lo explica claramente
Ejemplo
MESA
Producto
Cantidad
Manteca
3 kilogramo
Leche
3 litros
En este ejemplo hemos usado el
Etiqueta para dar encabezados a la columna.
Producción
Así es como agregamos un rumbo a una mesa.
Tabla Cellspacing y Cellpadding
Estos dos atributos se utilizan para el ajuste del espacio celular.
Cellspacing: Este atributo agrega espacios entre las celdas.
Padre de celda: Este atributo especifica la distancia del contenido de la celda desde el borde celular.
Estos atributos se pueden usar con el
solo etiqueta. El siguiente ejemplo lo ayuda a comprender mejor estos atributos.
Ejemplo 1
Producto
Cantidad
Manteca
3 kilogramo
Leche
3 litros
En este ejemplo usamos el atributo CellSpacing en el
etiqueta y establece su valor en 10 que agrega espacios entre las celdas de la tabla.
Producción
La salida muestra claramente el resultado para la calzada que agrega espacios entre las celdas.
Ejemplo 2
El siguiente código utiliza el envío de celdas en una celda de tabla.
Producto
Cantidad
Manteca
3 kilogramo
Leche
3 litros
En este ejemplo usamos el atributo CellPadding en
etiqueta y establece su valor en 10 que agrega espacios entre el contenido de la celda y el borde de la celda de la tabla.
Producción
Esta salida muestra el resultado para el paquete de celdas.
Table Rowspan y Colspan
Estos dos atributos se utilizan para fusionar filas y columnas.
Pan de fila: Se pueden fusionar dos o más filas utilizando este atributo.
Colspan: Se pueden fusionar dos o más columnas utilizando este atributo.
Estos atributos se pueden usar con el
solo etiqueta. El siguiente ejemplo lo ayuda a comprender mejor estos atributos.
Ejemplo
Producto
Sabores
Leche
Almendra
mango
Chocolate
Estos son sabores exclusivos
En el ejemplo anterior usamos atributos de skowspan y colspan con
Etiqueta para fusionar las filas y columnas en una tabla.
Producción
La salida anterior muestra que los tres marrones se fusionan debido a la pasta de fila y dos columnas se fusionan debido al uso de colspan
Título de tabla
En html La etiqueta se usa para dar una ley. Leyenda proporciona una información resumida sobre la tabla. El siguiente ejemplo te ayuda a entender mejor.
Ejemplo
Información del producto
Producto
Sabores
Leche
Almendra
mango
Chocolate
Estos son sabores exclusivos
En la salida anterior usamos Etiqueta para agregar un subtítulo con una tabla en HTML.
Producción
Esta salida muestra que Información del producto se muestra sobre la tabla debido a la etiqueta.
Mesa Encabezado, cuerpo y pie de página
Las tablas se pueden distribuir en tres partes si se deben organizar datos complejos. Estas partes son encabezado, pie de página y un cuerpo. La etiqueta se usa para crear el encabezado de una tabla, la etiqueta se usa para crear el pie de página de la tabla y
La etiqueta contiene el contenido principal de la tabla. El siguiente ejemplo te ayuda a entender mejor.
Ejemplo
Producto
Sabores
Leche
Almendra
mango
Chocolate
Estos son sabores exclusivos
En el ejemplo anterior usamos Para especificar el encabezado de la tabla, luego usamos para especificar el contenido principal del cuerpo y luego se usa para especificar el pie de página de la tabla.
Producción
La salida muestra que el encabezado de la tabla está escrito dentro de la etiqueta, el nombre del producto y la descripción se escriben dentro
etiqueta mientras contiene un mensaje corto.
Conclusión
En html,
la etiqueta está envuelta
etiqueta y
etiqueta para crear una tabla, mientras
la etiqueta especifica las filas y
La etiqueta especifica las columnas de la tabla. Principalmente, este artículo tiene como objetivo demostrar cómo crear una tabla en HTML. Además, además, también hemos explicado ejemplos sobre espacios de células, chapuadería de células, abatimiento de filas, abatimiento de columnas, capacidad de mesa, cabecera de mesa, cuerpo de mesa y pie de mesa de mesa.
