Not everthing written here is exactly true or complete.
If you want the real deal try
www.w3.org/TR/html401/
See
http://www.htmlhelp.com/reference/html40/structure.html for the real deal.
Elements www.w3.org ,
Attributes (height, onmousexxx, title,align...)
Tables CSS , w3 ;
HTML W3 tables
w3
scripts
user interface Cursor ,
AccessKeys ,
special characters ,
fonts,
text
w3
CSS w3 , default style sheet for HTML 4.0
CSS FontSelection, css-index, properties ex: border-style, font-variant, select,
ColorNames,
forms
AccessKeys,
Netscape's definition for Embed http://www.webreference.com/js/column20/embed.html
Document Object Model xref (DOM)
<STYLE>
A.menu:link,A.menu:visited,A.menu:hover,A.menu:active
{ TEXT-DECORATION: none}
A.active:visited { TEXT-DECORATION: none; color:crimson; cursor:crosshair}
TD.menu { FONT-SIZE:80%; border-color:blue; TEXT-ALIGN:center; cursor:help }
TD.active { FONT-SIZE:60%; border-color:blue; TEXT-ALIGN:center; cursor:crosshair; border-width:20 }
TD.sep { background-color:lightCyan }
</STYLE>
|
solid class=active not default | double class=active colspan=9 | |||||||||
| <tr bgcolor=lightSKyBlue > style=boder-width:1;border-style:dotted | 2 dotted | 3 dotted | 4 dotted | 5 dotted | ||||||
| 6 dotted | 7 dotted | 8 dotted | 9 dotted | 10 dotted | ||||||
| style=border-style: 1 dashed | 2 dashed | 5 dashed colspan=9 | ||||||||
|
style=border-style:
ridge;border-width:10; coming out default !
groove | carved into
inset | look as though it were embedded
outset | look as though it were coming out <td style=border-width:10;border-style:outset; border-top-color:red;border-right-color:paleGreen;border-bottom-color:pink;border-left-color:green; > | |||||||||
<p onclick="sitemap();" style=color:brown;background-color:snow; >
Click anywhere
in this paragraph (!) to see
helpWindow =
window.open('null-location','nameishelp',
'width=800,height=600,scrollbars=1,screenX=40,screenY=100,left=400,top=600');
Be patient. some it takes a second or 2
Interestingly, even if you click more than once you only get one window
You must click where there is text !! i.e. not on the right edge
</p>
Table clicking :
Putting text or images in a table the full width of the page makes the entire table clickable, onMouseover able...
Neat !
format WITHOUT java script onMouse*** :
<table... <a href=...<tr style=cursor:hand... <td... <td... </a> ... </table>
<table border=10 width=100% cellspacing=20 onclick="alert('You clicked in the TABLE ')" >
<tr onclick="alert('You clicked in the TR ')" width=70% >
| width=20% |
<td onclick="alert('You clicked in the second TD ')" width=50% > Next Data cell (20%) has only a space beteen the td and /td tags (it doesn't even show a border!) In fact you CAN click in it if you imagine where it is!!! |
If you have a block of text that is PREformated you can use <pre> to start. After the preformated text use </pre> to end, but be careful since this causes the alternate font to be used and if the user has a narrower window then you expect the right side of you prefromated text will be cut off!
The font has been deprecated in favor of the style.
For example <span style=color:red>RED</span>
Heading Ruler like below is entered using <hr>
++++++++++++++Colors should be used sparingly for emphisis and avoid eye straining combinations.
+++++++++++
This image is pulled in by having a GIF and using
This downloads fast because there are no slight color variations.
(that's what gifs are good for)
It also fades in (interlaced)
providing a LINK to an HTML reference which the user can click on to
change to another HTML file is provided by using
<a href=fffff.html> link text </a>
xyzml
table
note: following table is cut off on the right at the equal sign, ------------------------------|
Opera cuts off here, for pre-formated text although the table is still
cut off at the equal sign -----------------------------------here ----|
Of course that depends on FONT SIZE , which the user can vary in the browser settings
| width= 800 align=right |
| width= 790 |
| width= 780 |
| width= 750 |
| width= 700 |
| width= 680 |
| width= 660 |
| width= 640 |
| width= 630 |
| width= 620 |
| width= 600 |
| width= 600 border=3 colspan=99 align=right | 100 | 200 | 300 |
| width= 500 |
| width= 400 |
| width= 300 |
| width= 200 |
| width= 100 |
| width=50 |
| width=99% |
| width=98% |
| width=97% |
| width=96% |
| width=95% |
javascript.internet.com/user-details/style-sheets-by-resolution.html
to recognize the viewer's screen size and create an appropriate
page at a specific size.
This does NOT return current WINDOW size
| 1 | 2 | 3 |
You can even start up AolInstantMessenger
Hi Marilyn
and there are FORMs that can be filled in: