L'attribut rowspan est un langage de balisage hypertexte (HTML) fonctionnalité qui permet à une cellule de tableau dans une page Web pour s'étendre sur plusieurs lignes. HTML est l'un des principaux moyens par lesquels les pages Web sont créées. En règle générale, un navigateur HTML décode envoyé par un site Web et affiche les résultats sur un écran d'ordinateur dans un format lisible. HTML intègre le concept d'une table pour organiser le contenu d'une page.
Une table comporte plusieurs lignes et colonnes que verticalement et horizontalement organiser l'information. Lors de l'affichage d'un tableau HTML, on a souvent voudrais un élément de contenu unique d'appliquer ou répartis sur plusieurs lignes. Dans un tableau, rowspan = n - où n est un nombre tel que 2, 3, etc - indique que la cellule s'étend sur plusieurs lignes
Prenons un exemple où les données ventes sont représentées comme une table avec trois têtes de colonne: la région de vente, la personne en charge de la région, et le montant des ventes. La région du Sud a eu un changement de la tête au cours de la période d'enregistrement, les montants respectifs sont à attribuer à deux personnes. Le code suivant atteint cet objectif.
<html>
<table border="1">
<tr>
<th> Région </ th>
<th> Head </ th>
<th> Ventes </ th>
</ Tr>
<tr>
<td> Est </ td>
<td> Lewis </ td>
<td> $ 2100 </ td>
</ Tr>
<td rowspan="2"> Sud </ td> <td> Lilian </ td> <td> $ 1180 </ td> </ tr>
<tr> <td> Laverne </ td> <td> $ 1300 </ td> </ tr>
<tr> <td> Ouest </ td> <td> Larnoe </ td> <td> $ 1900 </ td> </ tr>
</ Table>
</ Html>
Dans cet exemple, une table est créée. La Région rubriques, personne responsable, et les ventes sont spécifiés suivis de quatre lignes de données. Chaque cellule de la table est indiquée par la table de données (TD) d'attribut. Les données du Sud traverse deux rangées, de sorte, en spécifiant rowspan = 2, le mot s'étend à travers deux rangées Sud. La ligne suivante n'a que deux attributs td et non pas trois comme dans toutes les autres lignes.
On peut copier ce code dans un fichier texte et le mettre dans un navigateur pour visualiser l'effet. Les espaces vides ont été ajoutés dans ce code pour identifier facilement les chefs de
vente, mais ils ne sont pas nécessaires. Ce qui suit est un exemple légèrement différent où une personne, Lilian, dirige deux régions: Sud et de l'Ouest.
<html>
<table border="1">
<tr> <th> Région </ th> <th> tête </ th> <th> Ventes </ th> </ tr>
<tr> <td> Est </ td> <td> Lewis </ td> <td> $ 2100 </ td> </ tr>
<tr> <td> Sud </ td> <td rowspan="2"> Lilian </ td> <td> $ 2480 </ td> </ tr>
<tr> <td> Ouest </ td> <td> $ 1900 </ td> </ tr>
</ Table>
</ Html>
Une page Web peut ne pas avoir besoin d'afficher les données sous forme de tableau. Il pourrait avoir un en-tête tels que le nom et le logo, un ou plusieurs menus sur le dessus ou sur le côté, l'information principale au milieu, et ainsi de suite. En créant par exemple une page web, une structure de table est souvent utilisé sous sans que le lecteur s'en aperçoive. Pour donner un effet lisse, l'attribut rowspan est utilisé chaque fois une partie du contenu s'étend sur plusieurs lignes.
On peut vouloir créer une page web personnelle, par exemple, qui comprend trois colonnes d'informations: famille, carrière et communautaires. Chaque colonne peut avoir une brève introduction, une photo et les détails. Afin de rendre la page regardez mieux, une bande de couleur peuvent être utilisés le long de la droite. Dans ce cas, la fonction rowspan peut être utilisée pour indiquer que la bande de couleur s'étend sur toutes les lignes.