Tecnología

Inicio

¿Cómo puedo cambiar el número de columnas en una tabla en HTML?

¿Cómo puedo cambiar el número de columnas en una tabla en HTML?


HTML es el lenguaje de programación básico que se utiliza para diseñar páginas Web. Cuando usted necesita para organizar los datos dentro de una página, tablas son un método útil para hacer el trabajo. Una tabla se compone de células, que están dispuestas en filas y columnas. Es bastante fácil de ajustar el número de columnas a una tabla, pero hay que tener cuidado de aplicar los mismos cambios en cada fila. Si no lo hace puede encontrarse con errores de formato en su mesa.

Instrucciones

1 Abra el documento HTML que desea modificar en un programa de edición de texto.

2 Localizar la tabla que desea modificar. El código será similar a esto:

<Table>

<Tr>

<Td> Columna 1 </ td>

<Td> Columna 2 </ td>

</ Tr>

</ Table>

Este es el código para una tabla con una sola fila (<tr>) y dos columnas (<td>). Los datos del "Columna 1" y "Columna 2" se mostrará dentro de dos células, de lado a lado.

3 Añadir columnas adicionales, rodeado de <td> y </ td>. Por ejemplo:

<Table>

<Tr>

<Td> Columna 1 </ td>

<Td> Columna 2 </ td>

<Td> Una nueva columna </ td>

<Td> OTRA NUEVA COLUMNA </ td>

</ Tr>

</ Table>

Este código crea una tabla con una sola fila y cuatro columnas.

4 Repita este proceso para cada fila de la tabla. Por ejemplo, la siguiente tabla tiene dos filas, cada una con dos columnas:

<Table>

<Tr>

<Td> fila 1, columna 1 </ td>

<Td> fila 1, columna 2 </ td>

</ Tr>

<Tr>

<Td> fila 2, columna 1 </ td>

<Td> fila 2, columna 2 </ td>

</ Tr>

</ Table>

Esta tabla puede tener columnas adicionales agregados mediante la adición de nuevas líneas <td> a cada fila:

<Table>

<Tr>

<Td> fila 1, columna 1 </ td>

<Td> fila 1, columna 2 </ td>

<Td> fila 1, columna 3 </ td>

<Td> fila 1, columna 4 </ td>

</ Tr>

<Tr>

<Td> fila 2, columna 1 </ td>

<Td> fila 2, columna 2 </ td>

<Td> fila 2, columna 3 </ td>

<Td> fila 2, columna 4 </ td>

</ Tr>

</ Table>

5 Eliminar columnas eliminando <td> secciones. Retire el mismo <td> sección de cada fila de la tabla.