HTML-Booklet

As a matter of course, your website page foundation is white in shading. You dislike it, yet no concerns. HTML gives both of you great approaches to enhance your site page foundation. 

1.HTML Background with Colors 

2.HTML Background with Images 

Presently we should see both the methodologies individually utilizing proper models. 

Html Background with Colors 

The bgcolor ascribe is utilized to control the foundation of a HTML component, explicitly page body and table foundations. 

Note :The bgcolor property deplored in HTML5. Try not to utilize this quality. 

Following is the grammar to utilize bgcolor quality with any HTML tag. 

<tag name bgcolor=”color_value”…

This color value can be given in any of the accompanying configurations.

<!- – Format 1 -Use shading name-> 

<table bgcolor=”lime”

<!- – Format 2 -Use hex worth – > 

<table bgcolor=”#f1f1f1″

<!- – Format 3 -Use shading an incentive in RGB terms – > 

<table bgcolor=”rgb(0,0,120)”

Model 

<!DOCTYPE html>
<html>
<head>
<title>HTML Background Colors</title>
</head>
<body>
<!– Format 1 – Use color name –>
<table bgcolor=”red” width=”100%”> 
<tr>
<td>This background is red</td>
</tr>
</table>
<!– Format 2 – Use hex value –>
<table bgcolor=”#F9C7DB” width=”100%”> 
<tr>   
<td>This background is Rose</td>
</tr>
</table>
<!– Format 3 – Use color value in RGB terms –>
<table bgcolor=”rgb(228,211,27)” width=”100%”> 
<tr>   
<td> This background is green</td>
</tr>
</table>   
</body>
</html>

Output:

This background is red

 This background is Rose
 This background is green

 

Here are the guides to set the foundation of a HTML tag. 

Html Background with Images 

The foundation property can likewise be utilized to control the foundation of a HTML component, explicitly page body and table foundations. You can determine a picture to set the foundation of your HTML page or table. 

Note: The foundation quality expostulate in HTML5. Try not to utilize this characteristic. 

Following is the grammar to utilize foundation traits with any HTML tag. 

Note: The foundation quality is expostulate and it is prescribed to utilize Style Sheet for foundation setting. 

<tag name foundation = “Picture URL”…

The most every now and again utilized picture groups are JPEG, GIF and PNG pictures. 

Model 

<!DOCTYPE html>
<html>
<head>
<title>HTML Background Images</title>
</head>
<body>
<!– Set table background –>
<table background=”images/background.png” width=”100%” height=”100″>         
<tr>
<td>This background is filled up with HTML images.</td>
</tr>
</table>
</body>
</html>

Output:

background 300x169 - HTML - Backgrounds

This background is filled up with HTML images.Here are the guides to set foundation pictures of a table. 

Designed and Transparent Backgrounds 

You may have seen many example or straightforward foundations on different sites. This basically can be accomplished by utilizing a designed picture or straightforward picture out of sight. 

It is recommended that while making designs or straightforward GIF or PNG pictures, utilize the littlest measurements conceivable even as little as 1×1 to maintain a strategic distance from moderate stacking. 

Model 

<!DOCTYPE html>
<html>
<head>
<title>HTML Background Images</title>
</head>
<body>
<!– table background using pattern –>
<table background=”images1.gif” width=”100%” height=”100″> 
<tr>   
<td>This background is a pattern image.</td>
</tr>
</table>
<!– table background using pattern –>
<table background=”images2.gif” width=”100%” height=”100″>
<tr>   
<td>This background is a pattern image.</td>
</tr>
</table>   
</body>
</html>

Output:

booket1 - HTML - Backgrounds

This background is a pattern image. 

booklet 300x225 - HTML - Backgrounds

This background is a pattern image. Here are the guides to set the foundation example of a table.

 

 

Share