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
scripts
user interface Cursor ,
AccessKeys ,
special characters ,
fonts
Text
CSS w3
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
<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!
Heading Ruler like below is entered using <hr>
.
This image is pulled in by haveing a GIF and using < img src=fffff.gif alt="NJ County Map"
Width= 288 height=515 align=right>.
This downloads fast because there are no 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> font info
xyzml Infosys web site can only be viewed on Internet Explorer version 4.0 (or above) and on Netscape Navigator version 4.0 (or above). If
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:
form>
get: form data appended to URI specified by the action attribute; ? separator and sent
displayed in address box, max
post:form data included in the body of the form and sent
input type=submit value="press this> (note no /input> tag )
< textarea name=endComments rows=5 cols=70> < /textarea> disabled readonly > inside box to start
TEXTAREA attrs; coreattrs, events, %i18n name rows cols disabled (disabled) unavailable in this context readonly (readonly) tabindex NUMBER position in tabbing order accesskey Character accessibility key character onfocus Script element got the focus onblur Script element lost the focus onselect Script text was selected onchange Script element value was changed Disabled controls do not receive focus. are skipped in tabbing navigation. cannot be successful. Read-only elements receive focus but cannot be modified by the user. are included in tabbing navigation. may be successful. </form>