Add Background Effects to Your Webpage.
You now know how to make a webpage. Now, we shall learn how to make our webpage more beautiful by adding background effects.
So, lets begin.
Background EffectsYou can add background effects to your webpage using some attributes to the "body" tag. Attributes are used in this format: . These are:
| Attribute | Example Input | Description |
|---|---|---|
| bgcolor | <body bgcolor="yellow"> | This defines the background colour of the webpage. |
| background | <body background="IMG-0133.jpg"> | The referred image becomes the background. |
| topmargin | <body topmargin="100"> | This defines the distance(in pixels or percentage) from the top of the webpage, where no text can be entered. |
| leftmargin | <body leftmargin="30"> | This defines the distance(in pixels or percentage) from the left edge of the webpage, where no text can be entered. |
| text | <body text="blue"> | This defines the colour of the text in the entire document. |
These were some of the attributes of the body tag. These tags allow you to make your webpage more adorable.
See this example code:
<!DOCTYPE html>
<head>
<title>
This is an example webpage.
</title>
</head>
<body bgcolor="blue" topmargin="10%" leftmargin="5">
Hello Friends! Welcome to your new code
<br>
This is an html house.
</body>
</html>
This will give the following output:
O.K.! Now you will very well be able to add background effects. So, you can now programme basic webpages.
This was just an introduction. For returning to home page, click here. |
|---|
| For more information, links will be provided below in the next update. |
|
|
For updates, this website.
No comments:
Post a Comment