HTML | rowspan Attribute – GeeksforGeeks

Posted on by mtoplistChuyên mục:Top List

The rowspan attribute in HTML specifies the number of rows a cell should span. That is if a row spans two rows, it means it will take up the space of two rows in that table. It allows the single table cell to span the height of more than one cell or row. It provides the same functionality as “merge cell” in the spreadsheet program like Excel.
Usage: It can be used with <td> and <th> element in an HTML Table.
 

Attribute Values: It contains a value i.e number Which specify the number of rows that a table cell should span. 

  • <td>: The rowspan attribute when used with <td> tag determines the number of standard cells it should span. 
    Syntax:
<td rowspan = "value">table content...</td>

The value specifies the number of rows that the cell fills. The value must be a integer. 
Example: 

Tóm Tắt

html




<!DOCTYPE html>

<html>

    <head>

        <title>HTML rowspan Attribute</title>

        <style>

            table, th, td {

                border: 1px solid black;

                border-collapse: collapse;

                padding: 6px;

            }

        </style>

    </head>

 

    <body style = "text-align:center">

 

        <h1 style = "color: green;">GeeksforGeeks</h1>

        <h2>HTML rowspan Attribute</h2>

 

        <table>

            <tr>

                <th>Name</th>

                <th>Age</th>

            </tr>

            <tr>

                <td>Ajay</td>

                

                    

                <td rowspan="2">24</td>

            </tr>

            <tr>

                <td>Priya</td>

            </tr>

        </table>

         

    </body>

</html>                   







Output: 






rowspan


    

  • <th>: The rowspan attribute when used with <th> tag determines the number of header cells it should span. 
    Syntax:
    • 



<th rowspan = "value">table content...</th>


The value specifies the number of rows that the cell fills. The value must be a integer. 
Example: 


html



















<!DOCTYPE html>


<html>


    <head>


        <title>HTML rowspan Attribute</title>


        <style>


            table, th, td {


                border: 1px solid black;


                border-collapse: collapse;


                padding: 6px;


            }


        </style>


    </head>


     


    <body style = "text-align:center">


        <h1 style = "color: green;">GeeksforGeeks</h1>


        <h2>HTML rowspan Attribute</h2>


         


        <table>


            <tr>


                <th>Name</th>


                <th>Age</th>


                


                    


                <th rowspan="3">GeeksforGeeks</th>


            </tr>


            <tr>


                <td>Arun</td>


                <td>24</td>


            </tr>


            <tr>


                <td>Priya</td>


                <td>25</td>


            </tr>


        </table>


    </body>


</html>                   












Output: 


rowspan


 


Supported Browsers: The browser supported by rowspan attribute are listed below:  


    

  • Google Chrome
    • 

  • Internet Explorer
    • 

  • Firefox
    • 

  • Opera
    • 

  • Safari
    • 



 










My Personal Notes


arrow_drop_up






	
	

				

					

					

					

			mtoplist