Table Backgrounds on HTML

Table Backgrounds:

• You can also set table background:
• bgcolor attribute-You can set Background colour for whole table or just for
one cell.
• background attribute-You can set Background image for whole table or just
for one cell.
• bordercolor attribute-You can also set border colour .
Example:

<!DOCTYPE html>
<html>
<head>
<title>HTML Table</title>
</head>
<body>
<table border=”1” bordercolor="green" bgcolor="red">
<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

Line Break Tag on HTML

Line Break Tag : • Whenever you use the <br /> element, anything following it starts from the next  line. This tag is an example of an empty element, where you do not need  opening and closing tags, as there is nothing to go in between them. • The <br /> tag has a space between the characters br and the forward slash. • If you omit this space, older browsers will have trouble rendering the line break,   while if you miss the forward-slash character and just use <br> it is not valid in  XHTML. Example : <!DOCTYPE html> <html> <head> <title>Line Break Example</title> </head> <body> <p>Hello<br /> You delivered your assignment on time.<br /> Thanks </p> </body>  </html> OUTPUT: Hello You delivered your assignment on time. Thanks
Read more