Tabla HTML TR dentro de TD

Tabla HTML TR dentro de TD

En HTML, las tablas están diseñadas para organizar datos demasiado extensos o complejos y están completamente representados en el párrafo. Permite al lector ver los hallazgos rápidamente. Además, las tablas se pueden utilizar para centrarse en desarrollos o patrones dentro de la información y aumentar la accesibilidad de un artículo excluyendo la información cuantitativa basada en texto.

Esta publicación explica el método para crear la tabla "" dentro de "" elemento.

Cómo crear una tabla "" Adentro ""?

Para crear una tabla "" dentro de "", Primero, haz una mesa con un"

" elemento. Entonces, dentro del "" etiqueta.

Para implicaciones prácticas, pruebe el procedimiento declarado.

Paso 1: Haga un contenedor "Div"

Primero, utilice el ""Elemento para hacer un contenedor Div. Además, inserte un "identificación”O atributo de clase con un nombre en particular. En este caso, al atributo de identificación se le asigna el valor "contenido".

Paso 2: crear una tabla

A continuación, cree una tabla con la ayuda del "

"Elemento, defina las filas de tabla usando el"
" etiqueta. Además, inserte filas de tabla utilizando el ""Elemento y datos con"" Adentro "" etiqueta. Siguiendo el mismo procedimiento establecido anteriormente:


".

Paso 3: Agregar "

" etiqueta

Dentro del elemento TD, inserte otra fila con la ayuda del "
















Primera organizaciónSegunda organización
fila de tabla dentro de los datos de la tabla
fila de tabla dentro de los datos de la tabla
Tercera organización Cuarta organización

Producción

Cómo diseñar la mesa "" adentro ""?

Para peinar la mesa "" adentro "", Los usuarios pueden utilizar las diversas propiedades CSS. Para hacerlo, siga el procedimiento dado.

Paso 1: Aplicar el estilo CSS en el contenedor "Contenido"

Acceder al "div"Contenedor utilizando el"identificación"Valor, que es"contenido”, Y aplique las siguientes propiedades de CSS:

#contenido
borde: 4px sólido RGB (8, 50, 238);
Color: RGB (243, 152, 15); Color de fondo: RGB (194, 240, 241);
margen: 30px 50px;
relleno: 30px;

Aquí:

  • "borde"Define un límite alrededor del elemento.
  • "color"Se usa para especificar el color del texto agregado dentro del elemento de acuerdo con el valor asignado.
  • "margen"Asigna el espacio alrededor del límite del elemento.
  • "relleno"Agrega espacio alrededor del elemento dentro del límite.

Paso 2: aplicar los datos de la tabla

Acceso "mesa" y "TD"En CSS:

tabla TD
borde: ranura de 3px verde;

Aplicar la propiedad Border CSS para especificar el límite alrededor de los datos de la tabla.

Producción

Paso 3: Estilo "TR" dentro del "TD"

Ahora, diseñe el "TR"Eso se define en el"TD"Usando el nombre de clase con selector de puntos como".fila de la tabla":

.Table-fila> TD
relleno: 10px;
borde: 3px punteado RGB (233, 64, 12);
Color: RGB (15, 15, 15);

Aquí, aplique las propiedades CSS de acuerdo con su elección. En nuestro caso, el "relleno","borde", y "color"Se utilizan para diseñar las filas de la tabla en los datos de la tabla.

De la salida dada, se puede observar que hemos agregado con éxito "" adentro ""Y lo diseñó en consecuencia:

Eso se trata de agregar y diseñar la tabla TR dentro del TD.

Conclusión

Para insertar la tabla TR dentro del TD, primero, cree una tabla utilizando el "

" etiqueta. Luego, especifique el "" y ""Para agregar filas dentro de los datos de la tabla y diseñarlas utilizando las propiedades de CSS. Esta publicación ha explicado acerca de agregar la tabla TR dentro del TD.

"Dentro de la mesa. Después de eso, dentro del ""Etiqueta, inserte"