Tecnología

Inicio

Cómo utilizar Span hacer Columnas

Las tablas son una forma útil para enumerar y organizar la información en un sitio web. Los diseñadores Web pueden construir tablas de muchas longitudes y tamaños, utilizando el código HTML para crear la tabla que funciona mejor para la información que desea visualizar. En la codificación HTML, "colspan" es un atributo que puede añadir a una mesa para expandir una fila a través de una serie de columnas. Esto es especialmente útil si desea crear encabezados de tabla que abarcan toda la longitud de la tabla.

Instrucciones

1 Copia el siguiente código HTML:

<Table border = "1">
<TR> <TH COLSPAN = 2> Mesa de cabecera </ TH> </ TR>
<TR> <TD> Cell </ TD> <TD> Cell </ TD> </ TR>
<TR> <TD> Cell </ TD> <TD> Cell </ TD> </ TR>
</ TABLE>

2 Pegar el código en el código HTML de la página Web. Esto creará una tabla HTML sencilla. El atributo "COLSPAN = 2" hace que la fila "Tabla de cabecera" abarcan las dos columnas de la tabla.

3 Añadir más columnas a la tabla mediante la adición de más código entre las etiquetas <TR> y </ TR> etiquetas. Por ejemplo, si desea mostrar tres columnas de la tabla, que iba a cambiar el código de <TR> <TD> Cell </ TD> <TD> Cell </ TD> <TD> Cell </ TD> </ TR >. Este código representa una fila completa de la mesa y se debe escribir todo en la misma línea.

4 Copiar el código de la fila que ha editado en el paso 3 y vuelva a colocar el código en cada fila subsiguiente con este nuevo código. Esto le dará todas las filas de la tabla el mismo número de columnas.

5 Aumentar el número junto al atributo "COLSPAN" para hacer la fila "Tabla de cabecera" abarcan la longitud de la tabla modificada. Por ejemplo, si aumenta el número de columnas en la tabla de a tres, cambiar el atributo de "COLSPAN = 3".

6 Copiar el código de una fila existente en la tabla y pegarla encima de la etiqueta </ ​​TABLE> si es necesario agregar más filas. Asegúrese de que todas las filas nuevas que cree en la tabla tienen el mismo número de columnas que el resto de sus filas.

7 Y reemplazar el texto "Tabla de cabecera" "Cell" con su propia información de la tabla.

8 Guarde los cambios en el código HTML de la página Web y publicar los cambios en su sitio web.

Consejos y advertencias

  • También puede utilizar la etiqueta <TD COLSPAN = 2> si desea ampliar una fila regular que no es un encabezado de la tabla.