¿Qué es una hilera?
El atributo rowspan es una característica del lenguaje de marcado de hipertexto (HTML) que permite que una celda de tabla en una página web se extienda en varias filas. HTML es una de las principales formas en que se crean las páginas web. Normalmente, un navegador web decodifica HTML enviado por un sitio web y muestra los resultados en una pantalla de computadora en un formato legible. HTML incorpora el concepto de una tabla para organizar los contenidos en una página.
Una tabla tiene varias filas y columnas que organizan información vertical y horizontalmente. 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 sobre tantas filas.
Considere un ejemplo donde 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; las cantidades respectivas deben atribuirse a ambas personas. El siguiente código logra esto.
<html>
<table border = "1">
<tr>
<th> Región </th>
<th> Head </th>
<th> Ventas </th>
</tr>
<tr>
<td> Este </td>
<td> Lewis </td>
<td> $ 2,100 </td>
</tr>
<tr> <td rowspan = "2"> Sur </td> <td>Lilian</td><td>$1,180</td> </tr>
<tr> <td>Laverne</td><td>$1,300</td> </tr>
<tr> <td> Oeste </td> <td>Larnoe</td><td>$1,900</td> </tr>
</table>
</html>
En este ejemplo, se crea una tabla. Los títulos Región, Persona responsable y Ventas se especifican seguidos de cuatro filas de datos. Cada celda de la tabla se indica mediante el atributo de datos de la tabla (td). Los datos para el Sur atraviesan dos filas, por lo tanto, 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 otras 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 los jefes de ventas, pero no son necesarios. El siguiente es un ejemplo ligeramente diferente donde una persona, Lilian, encabeza dos regiones: Sur y Oeste.
<html>
<table border = "1">
<tr><th>Region</th><th>Head</th><th>Sales</th> </tr>
<tr><td>East</td><td>Lewis</td><td>$2,100</td> </tr>
<tr> <td> Sur </td> <td rowspan = "2"> Lilian </td> <td> $ 2,480 </td> </tr>
<tr> <td> Oeste </td> <td>$1,900</td> </tr>
</table>
</html>
Es posible que una página web no necesite mostrar datos en forma de tabla. 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 usa una estructura de tabla debajo sin que el lector se dé cuenta. Para dar un efecto suave, el atributo rowspan 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 enrutamiento de filas se puede utilizar para indicar que la banda de color abarca todas las filas.