El atributo rowpan es una característica del lenguaje de marcado de hipertexto (HTML) que permite que una celda de una tabla en una página web se extienda sobre varias filas. HTML es una de las principales formas en que se crean las páginas web. Normalmente, un navegador web decodifica el HTML enviado por un sitio web y muestra los resultados en la pantalla de una computadora en un formato legible. HTML incorpora el concepto de tabla para organizar los contenidos en una página.
Una tabla tiene varias filas y columnas que organizan la información de forma vertical y horizontal. Cuando se muestra una tabla HTML, a menudo se desea que un solo elemento de contenido se aplique o se distribuya en varias filas. En una tabla, rowspan = N, donde N es un número como 2, 3, etc., indica que la celda se extiende por esa cantidad de filas.
Considere un ejemplo en el que los datos de ventas se muestran como una tabla con tres encabezados de columna: la región de ventas, la persona que encabeza la región y el monto de las ventas. La región Sur tuvo un cambio de cabeza durante el período de grabación; los importes respectivos se atribuirán a ambas personas. El siguiente código logra esto.
En este ejemplo, se crea una tabla. Los encabezados Región, Responsable y Ventas se especifican seguidos de cuatro filas de datos. Cada celda de la tabla está indicada por el atributo de datos de tabla (td). Los datos de Sur se distribuyen en dos filas, por lo que, al especificar rowspan = 2, la palabra Sur se extiende a través de dos filas. La siguiente fila tiene solo dos atributos td y no tres como en todas las demás filas.
Uno puede copiar este código en un archivo de texto y abrirlo en un navegador para ver el efecto. Se han agregado espacios en blanco en este código para identificar fácilmente a los jefes de ventas, pero no son necesarios. El siguiente es un ejemplo ligeramente diferente en el que una persona, Lilian, encabeza dos regiones: Sur y Oeste.
Es posible que una página web no necesite mostrar datos en forma tabular. Podría tener un encabezado como el nombre y el logotipo de la empresa, uno o más menús en la parte superior o lateral, información principal en el medio, etc. Al crear una página web de este tipo, a menudo se utiliza una estructura de tabla debajo sin que el lector se dé cuenta. Para dar un efecto suave, el atributo rowpan se usa siempre que parte del contenido se distribuye en varias filas.
Es posible que desee crear una página web personal, por ejemplo, que incluya tres columnas de información: Familia, Carrera y Comunidad. Cada columna puede tener una breve introducción, una foto y detalles. Para que la página se vea mejor, se puede usar una banda de color en el lado derecho. En este caso, la función de envergadura se puede utilizar para indicar que la banda de color abarca todas las filas.