Table Height & width on HTML

Table Height & width:

• You can set the table height & width using height and width attributes.
• You can specify the size in the form of pixels or percentage.
Example:

<!DOCTYPE html>
<html>
<head>
<title>HTML Table</title>
</head>
<body>
<table border="1" width="300" height="50">
<tr>
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</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 ORDERED LISTS

HTML ORDERED LISTS: • You can also create number list in HTML. • This list is created by using <ol> tag. • The numbering starts at one & is increment by one for each successive order list. Example: <!DOCTYPE html> <html> <head> <title>order Lists </title> </head> <body> <ol> <li>Java</li> <li>HTML</li> <li>CSS</li> <li>Java Script</li> <li>PHP</li> </ol> </body> </html> OUTPUT: 1. Java 2. HTML 3. CSS 4. Java Script 5. PHP There are various types are present in ordered list. Example: <!DOCTYPE html> <html> <head> <title>order Lists </title> </head> <body> <ol type= "i"> <li>Java</li> <li>HTML</li> <li>CSS</li> <li>Java Script</li> <li>PHP</li> </ol> </body> </html> OUTPUT: i. Java ii. HTML iii. CSS iv. Java Script v. PH
Read more

Colspan & Rowspan Attributes on HTML Table

Image
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:
Read more