Latest News :

Html Telugu Tutorials || Part-16 || || TABLE || Rowspan & Colspan || Extra Practical Output

Html Telugu Tutorials || Part-16 || || TABLE || Rowspan & Colspan || Extra Practical Output

Html Telugu Tutorials || Part-16 || || TABLE || Rowspan & Colspan || Extra Practical Output

April 20, 2019
0
HTML

Colspan and Rowspan

Rowspan:-

You will use row span if you want to merge two or more rows.

Example:-

<html>

<body>

<table border=”1″>

<caption>Volly Ball</caption>

<tr><th rowspan=”4″>Country</th><th>Team</th><th>Score</th></tr>

<tr><td>India</td><td>50Goals</td></tr>

<tr><td>Srilanka</td><td>25Goals</td></tr>

<tr><td>Pakistan</td><td>20Goals</td></tr>

</table>

</body>

</html>

Colspan:-

You will use colspan attribute if you want to merge two or more columns into a single column.

Example:-

<html>

<body>

<table border=”1″>

<tr><td colspan=”3″ align=”center”>Volly Ball</td></tr> 

<tr><th>Rank</th><th>Team</th><th>Score</th></tr>

<tr><td>1<sup>st</sup></td><td>India</td><td>50Goals</td></tr>

<tr><td>2<sup>nd</sup></td><td>Srilanka</td><td>25Goals</td></tr>

<tr><td>3<sup>rd</sup></td><td>Pakistan</td><td>20Goals</td></tr>

</table>

</body>

</html>

Extra Practical Output

durgaprasad

Related Posts

leave a comment

Create Account

Log In Your Account