Section 1 - Introduction
Section 2 - Basics
Your first page
Formatting
Text tricks
Pictures
Links
Backgrounds
Color tutorial
Background Color
Background Pictures
Text Color
Font
Link Colors
Text Decoration
You Try It
Section 3 - Next Level
Section 4 - Advanced
Section 5 - Publishing
Section 6 - Extras
Appendices
|
Background Pictures
You can also make a picture into a background on your page. Like all pictures, it needs to be uploaded to your site. While any picture can be used as a background, make sure that it is one that isn't distracting and you can read text over the top of it. Here's an example of a picture:
If you were to use this picture as a background on a page, you would again modify the body button. The image would automatically tile, or repeat over and over again. There is nothing you can do about that. But if you'd like to use pictures, here's the code you'd use:
- <body background="clouds.jpg">
Here is what a page would look like if you used that picture as the background:
| Code |
|---|
<body background="clouds.jpg">
This is the text in the document. <br>
<br>
I am only putting it here so you can see what it looks like over the top of the background image, which is a pretty picture of clouds and which has the name of clouds.jpg. <br>
<br>
I hope you enjoy seeing this.
</body>
|
|
| What you see |
This is the text in the document.
I am only putting it here so you can see what it looks like over the top of the background image, which is a pretty picture of clouds and which has the name of clouds.jpg.
I hope you enjoy seeing this.
|
|
When you use a picture in the background, make sure it tiles seamlessly. If it doesn't, your background will look like this:
| What you see |
This is the text in the document.
I am only putting it here so you can see what it looks like over the top of the background image, which is a pretty picture of clouds that shouldn't be used as a background. It has the name of badclouds.jpg.
See why I don't recommend this?
|
This image doesn't tile seamlessly. There are seams, or lines, where one copy of a picture meets another. It's distracting and ugly. Be sure to pick good background pictures.
|
