|
|
March 02, 2006--HTML 5
Hello again....
If you want to have a picture anywhere on a page,you will need this tag:
<img align=left or right src="....">for left and right;
for center, it is slighlty different; try:
<p align=center><img src="....">;
<div align=center><img src="...."></div>would work well also.
When you are integrating a picture in a text, try aligning top, bottom, middle also, and see what happens.
If you wanted a border around your picture, just add border=? so it would look like this:
<img border=5 src="....">;
Have you ever thought you would like to have pretty borders around your email?
There is a set of tags that will give you just that, and here it is:
BODY {BORDER-RIGHT: #70a4d8 7px ridge;BORDER-LEFT: #70a4d8 7px ridge;
BORDER-TOP: #70a4d8 7px ridge; BORDER-BOTTOM: #70a4d8 7px ridge;
SCROLLBAR-FACE-COLOR: #c0d0e8; SCROLLBAR-HIGHLIGHT-COLOR: #b8ecf8;
SCROLLBAR-SHADOW-COLOR: #606878; SCROLLBAR-3DLIGHT-COLOR: #b8ecf8;
SCROLLBAR-ARROW-COLOR: #606878; SCROLLBAR-TRACK-COLOR: #c0d0e0;
SCROLLBAR-DARKSHADOW-COLOR: #70a4d8
}
The above tags can be copied and re-used any time you need them.
Now, where do you place this block of tags?
I'm sure when you were working with your first message in HTML 1 you noticed that there was this:
<style></style> at the top and we ignored it; well, ignore it no more.
Your block of tags for the borders and scrollbar will go right between <style>and</style>;
It makes sense that it would be there because we are adding style, aren't we?
Please note the little parentheses at the beginning and end of the tags; they are essential;
well actually, everything is essential; if you have one single thing missing, it will make a
difference.
I also want you to note 2 more things; we are using pixels to set the size of the border;
here, it is 7; you can change that to your liking; and you will have noted the word ridge after px
(for pixel); this is one kind of border; there are others; I might as well give them to you now.
They are: ridge, outset, inset, groove, solid, dotted, dashed, double; the last 3 will not work
for borders around your stationery, but keep then in mind because they will work later when we use
tables.
Maybe you wonder what the scrollbar stuff is about; all I can say to you is write a fairly long
message, insert the tags from above; change the colors to suit yourself and behold the changes!!!
You will be impressed to have so much power over the look of your stationery with a few changes.
Ok 2 more little elements: when you want to keep your stationery to use it over again, you might
like to name them;
if you do, just add:<title>name it</title>right after <head>
Right after that, if you want, you can write a note to yourself and/or your pen-name; put in:
<!--written by Me--> This will remain in source and not cause any changes in your stationery.
You can use these throughout your HTML form, as reminders or notes to yourself, for example:
<!--remember the borders-->
That is all for today; I know you will have fun with this.
Ciao for now.
| | |
|
|
