Colspan & Rowspan Attributes on HTML Table

Colspan & Rowspan Attributes:

• You will use colspan attributes if you want to merge two or more columns nto single
column.
• Rowspan is used if you want to merge two more rows.
Example:

<!DOCTYPE html>
<html>
<head>
<title>HTML Table</title>
</head>
<body>
<table border=”1” >
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
<tr>
<td rowspan="2">Row 1 cell 1</td>
<td>Row 1 cell 2</td>
<td>Row 1 cell 3</td>
</tr>
<tr>
<td>Row 2 cell 2</td>
<td>Row 2 cell 3</td>
</tr>
<tr>
<td colspan="3">Row 3 cell 1</td>
</tr>
</table>
</body>
</html>
OUTPUT:

Comments

Post a Comment

Popular posts from this blog

Set Font Colour

Set Font Colour: • You can set font colour by using color attributes. • You can specify either hexadecimal colour code or colour name. Example: <!DOCTYPE html> <html> <head> <title>Font size</title> </head> <body> <font color="#FF00FF">This text is Pink</font><br/> <font color="yellow"> This text is Yellow</font><br/> </body> </html> OUTPUT: This text is Pink This text is Yellow
Read more

HTML FONTS

Image
HTML FONTS: • Fonts play an important role in making a website. • HTML <font> tag used toad style, size, & colour to the text on your website. • You can use a <basefont> tag to set all of your text to the same size, face, &colour. NOTES: The font & basefont tags are deprecated & it is supposed to be removed in a future version of HTML. So they should not use rather, it’s suggested to use CSS styles to manipulate your fonts. Set Font size: • You can set content font size using size attributes. • The accepted value is 1 to 7. • Default size is 3. • Here size 1 is smallest size & 7 is largest size. • You can also specify the size +n or -n. Example: <!DOCTYPE html> <html> <head> <title>Font size</title> </head> <body> <font size="-1">Font Size="-1"</font><br/> <font size="1">Font Size="1"</font><br/> <font size="2">Font Size=&
Read more

HTML Table Heading

Image
Table Heading: • It is used by using <th> tag. • Normally you will put your top row as table heading. Example : <!DOCTYPE html> <html> <head> <title>HTML Table</title> </head> <body> <table border=”1”> <tr> <th>Name</th> <th>Salary</th> </tr> <tr> <td>Raju</td> <td>5000</td> </tr> <tr> <td>Masuf</td> <td>4000</td> </tr> </table> </body> </html>   OUTPUT :
Read more