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. Typiquement, un navigateur Web décode HTML 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.
Un tableau comporte plusieurs lignes et de colonnes que verticalement et horizontalement organiser l'information. Lors de l'affichage d'un tableau HTML, on aurait souvent comme un seul élément de contenu 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 qui s'étend sur plusieurs lignes.
Prenons un exemple où les données de ventes sont affichées dans un tableau avec trois têtes de colonne: la région de vente, la tête de la région personne, et le montant des ventes. La région du Sud a eu un changement de tête au cours de la période d'enregistrement, les montants respectifs sont à attribuer à deux personnes. Le code suivant atteint cet objectif.
Dans cet exemple, une table est créée. La région des rubriques, personne de la tête, et les ventes sont spécifiés suivis par quatre lignes de données. Chaque cellule du tableau est indiqué par l'attribut de données de tableau (td). Les données du Sud traverse deux rangées, donc, en spécifiant rowspan = 2, le mot s'étend vers le sud à travers deux rangées. 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 en place dans un navigateur pour voir l'effet. Les espaces vides ont été ajoutées dans ce code pour identifier facilement les chefs de vente, mais ils ne sont pas nécessaires. Ce qui suit est un exemple un peu différent où une seule personne, Lilian, dirige deux régions: Sud et Ouest.
<html>
<table border="1">
<tr> <th> région </ th> <th> la tête </ th> <th> Sales </ th> </ tr>
<tr> <td> Orient </ td> <td> Lewis </ td> <td> 2,100 $ </ td> </ tr>
<tr> <td> Sud </ td> <td rowspan="2"> Lilian </ td> <td> 2,480 $ </ td> </ tr>
<tr> <td> Ouest </ td> <td> 1,900 $ </ 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, comme 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 une telle page Web, une structure de table est souvent utilisée en dessous sans que le lecteur s'en rende compte. Pour donner un effet lisse, l'attribut rowspan est utilisé chaque fois une partie du contenu s'étale 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 regarder mieux, une bande de couleur peut être utilisé sur le côté droit. Dans ce cas, la fonction rowspan peut être utilisé pour indiquer que la bande de couleur s'étend sur toutes les lignes.