Maison > interface Web > tutoriel HTML > Comment utiliser l'attribut rowspan

Comment utiliser l'attribut rowspan

不言
Libérer: 2019-02-12 13:19:12
original
17651 Les gens l'ont consulté

L'attribut rowspan en HTML spécifie le nombre de lignes qu'une cellule doit s'étendre. Autrement dit, si une ligne s'étend sur deux lignes, cela signifie qu'elle occupera l'espace de deux lignes dans le tableau. Il permet à une seule cellule du tableau de s’étendre sur la hauteur de plusieurs cellules ou lignes. L'attribut rowspan a la même fonction que les « cellules fusionnées » de la feuille de calcul dans Excel.

Comment utiliser lattribut rowspan

L'attribut rowspan peut être utilisé avec les éléments et

Lorsqu'il est utilisé avec la balise

, l'attribut rowspan détermine le nombre standard de cellules qu'il doit couvrir.

Lorsque l'attribut rowspan est utilisé avec la balise

, l'attribut rowspan détermine le nombre de cellules d'en-tête qu'il doit couvrir.

Regardons un exemple spécifique ci-dessous

utilisé avec la balise

Le code est le suivant

<!DOCTYPE Comment utiliser lattribut rowspan>  
<Comment utiliser lattribut rowspan>  
    <head>  
        <title>HTML rowspan</title>  
        <style> 
            table, th, td { 
                border: 1px solid black; 
                border-collapse: collapse; 
                padding: 6px; 
            } 
        </style> 
    </head>  
    <body style = "text-align:center">  
  
        <table> 
            <tr> 
                <th>Name</th> 
                <th>Age</th> 
            </tr> 
            <tr> 
                <td>Tom</td> 
                <!-- This cell will take up space on  
                    two rows -->
                <td rowspan="2">24</td> 
            </tr> 
            <tr> 
                <td>Marry</td> 
            </tr> 
        </table> 
    </body>  
</Comment utiliser lattribut rowspan>
Copier après la connexion

L'effet est le suivant

Comment utiliser lattribut rowspan

Lorsqu'il est utilisé avec la balise >Le code est le suivant

L'effet est le suivant
<!DOCTYPE Comment utiliser lattribut rowspan>  
<Comment utiliser lattribut rowspan>  
    <head>  
        <title>HTML rowspan</title>  
        <style> 
            table, th, td { 
                border: 1px solid black; 
                border-collapse: collapse; 
                padding: 6px; 
            } 
        </style> 
    </head>  
      
    <body style = "text-align:center"> 
          
        <table> 
            <tr> 
                <th>Name</th> 
                <th>Age</th> 
                <!-- This cell will take up space  
                    in 3 rows -->
                <th rowspan="3">php中文网</th> 
            </tr> 
            <tr> 
                <td>Tom</td> 
                <td>24</td> 
            </tr> 
            <tr> 
                <td>Marry</td> 
                <td>25</td> 
            </tr> 
        </table> 
    </body>  
</Comment utiliser lattribut rowspan>
Copier après la connexion


Comment utiliser l'attribut rowspanCet article se termine ici Pour plus d'informations. Terminez le contenu passionnant, vous pouvez suivre le didacticiel php Chinese Column ! ! !


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal