March 04, 2006--HTML Review
|
Review of HTML with a few more attributes added:
This is what you know up to now:
Between < and > we have a tag.
The closing of the tag is </>
<Html> starts a script and </html> closes it;
Following that you have <head> and </head>
You can have <title>a title here</title>
In between <body> and </body> you will have just about everything else.
bgcolor=#...... followed by background="exact path>
For sound <bgsound src="exact path" balance=0 loop=1 volume=o>
By the way, you can place the sound tag in body or head area.
<div style="left:..px;position:absolute;top:..px;><font face="....." size=.. color=#......><message></font></div>
To use the above message area, you would double click on it to write.
For a div with background color, you would add this attribute in the style portion of the div:
background-color:#......;
Anywhere you want an image, you will have <img src="exact path>
If you want placement,it would look like this:
<img src="exact path" style="top:..px;position:absolute; left:..px">
If you want movement for a message and/or a picture:
<MARQUEE style="LEFT: 100px; POSITION: absolute; TOP: 100px" direction=right behavior=slide width=300 bgColor=#000000 height=50 scrollamount=1 scrolldelay=40><b> <FONT face=Diner color=#ffffff size=5>Happy Birthday</FONT></b><IMG src="C:\exact path">
and last but not least, borders:
In the style section, at the beginning of your script,
BODY {
BORDER-RIGHT: #...... ..px name; BORDER-TOP:#...... ..px name;
BORDER-LEFT:#...... ..px name; BORDER-BOTTOM:#...... ..px name;
SCROLLBAR-FACE-COLOR:#......; SCROLLBAR-HIGHLIGHT-COLOR:#......;
SCROLLBAR-SHADOW-COLOR:#......; SCROLLBAR-3DLIGHT-COLOR:#......;
SCROLLBAR-ARROW-COLOR:#......; SCROLLBAR-TRACK-COLOR:#......; SCROLLBAR-DARKSHADOW-COLOR:#......
}
The rem <!--say something-->
The scrolling background including the bottom ticker:
<SCRIPT language=VBscript>
x=0
y=0
Sub Window_onload()
window.status=" --- stationery by someone--2006---"
SetInterval"scrollback",64
End Sub
Sub scrollback()
y=y-1
x=x+1
document.body.style.backgroundPosition=x&" "&y
End Sub
</SCRIPT>
and you know to change the minus and plus signs at will.
You also know that you can take out the ticker if you don't want it.
Well, that covers it all, except for the text styles, such as teletype etc...
You can always go to the day I did that, and review it when you need to.
Don't forget that <p> starts a paragraph and can be aligned like this:
<p align=left or center or right>
<br> gives you a line break; nsbp is a space;
So, if you feel comfortable with these, you will be ready to start tables. which are coming soon.
Ciao for now.
| | |
