Night Owl 25/nopv25.iso/040A/GREED.ZIP/HTML.FN@/HTML.FNC

OS/2 INI File | 1996-05-24 | 9.9 KB | 366 lines

HTML Graphics
A Simple reference
<fig src="FILENAME.GIF">
... some text ...
</fig>
Align left of text
<fig src="FILENAME.GIF" align=left>
... some text ...
</fig>
Align on L/S of page
<fig src="FILENAME.GIF" align=bleedleft>
... some text ...
</fig>
Align right of text
<fig src="FILENAME.GIF" align=right>
... some text ...
</fig>
Align on R/S of page
<fig src="FILENAME.GIF" align=bleedright>
... some text ...
</fig>
Space Graphic Vertical
<img src="FILENAME.GIF" vspace=(#nr)>
Space Graphic Horizontal
<img src="FILENAME.GIF" hspace=(#nr)>
Frame Graphic
<img src="FILENAME.GIF" border=(pixl_cnt)>
GIF with caption
<fig src="filename.gif">
<caption> ... Caption-text....</caption>
</fig>
GIF with credits
<fig src="filename.gif">
<credit> ... text....</credit>
</fig>
GIF caption align left & Above
<img src="filename.gif" align=top>
GIF caption align Left & Middle
<img src="filename.gif" align=middle>
GIF caption align left & Bottom
<img src="filename.gif" align=bottom>
GIF Scaling - Width
<img src="filename.gif" width=(%)>
GIF Scaling - Height
<img src="filename.gif" width=(%)>
Reference Sensitive Example
<fig src="filename.gif">
<li><a href="filename1.htm" shape="rect x,y,w,h">TEXT</a>
<li><a href="filename2.htm" shape="circle x,y,r">TEXT</a>
<li><a href="filename3.htm, shape="polygon x1,y1,x2,y2,...">TEXT</a>
</ul>
</fig> **NOTE: x=pixels from left y=pix from above r=radius TEXT= alternate to gif
Flow text around (L/S)
<img src="FILENAME.GIF" align=left>
Flow text around (R/S)
<img src="FILENAME.GIF" align=right>
Reference Absolute
<img src="file://localhost/[Drv]:/[path]/FILENAME.GIF">
Reference in same Directory
<img src="FILENAME.GIF">
Reference Relative
<img src="../[path]/FILENAME.GIF">
HTML Addressing and Referencing
Set Anchor in current document
<a name="Eyecatcher"> ....</a>
Refer to Anchor (Current doc)
<a href="Eyecatcher"> text ....</a>
Refer to Anchor (Another doc)
<a href="file.htm">
Ref-text...
Refer URL-doc
<a href="[Protocol]://Server/[path]/Filename">
Ref-text...
Refer to HTML-File
HTTP://
Refer to FTP-Server
FTP://
Refer to Telnet-Server
TELNET://
Refer to Gopher-Server
GOPHER://
Refer to NewsGroups
NEWS://
Refer to E-Mail Address
mailto:
Refer Absolute in other Directory
<a href="file://localhost/[DRIVE:]/[path]/file.htm">
Ref-text...
Refer Relative in other Directory
<a href="../[path]/file.htm">
Ref-text...
HTML Text Formatting
Preformatted text
<pre>
 ....TEXT....
</pre>
Block Quote text
<blockquote>
 ....Quoted TEXT....
</blockquote>
Emphatic text
 ....TEXT....
</em>
Thicken text
 ....TEXT....
</tt>
Quote
<cite>
 ....TEXT....
</cite>
Short Quote
 ....TEXT....
Source Code
<code>
 ....Source Code Text....
</code>
Terminal Input
<kbd>
  Keystrokes come here
</kbd>
Variable Input
<var>
  Input come here
</var>
Sample Text
<samp>
 .... Sample text ....
</samp>
Italics
<i> ....
Underlined
<u> ....
Blinking
<blink> ....
</blink>
Strike through
<s> ....
Uppercase
<big> ....
</big>
Lowercase
<small> ....
</small>
Subscript
<sub> ....
</sub>
Superscript
<sup> ....
</sup>
<b> ....
Emphasis Strong
<strong>
 ....TEXT....
</strong>
HTML Special characters
a_Umlaut
ä
A_Umlaut
Ä
o_Umlaut
ö
O_Umlaut
Ö
u_Umlaut
ü
U_Umlaut
Ü
sz_Ligatur
ß
n-wide space
&ensp
n-wide dash
&endash
m-wide space
&emdash
Blank without break

Less than sign
Greater than (<)
Ampersand (&)
Quote
"
HTML Paragraph / Text control
Left justified
<p align=left>
Right justified
<p align=right>
Centered
<p align=center>
Center line(s)
<center>
...text...
</center>
Line-break (immediate)
No-Break area
<nobr>
...text...
</nobr>
Line break in "No-Break" area
<wbr>
...text...
</wbr>
Header level 1.
...text...
</h1>
Header level 2.
...text...
</h2>
Header level 3.
...text...
</h3>
Header level 4.
...text...
</h4>
Header level 5.
...text...
</h5>
Header level 6.
...text...
</h6>
Header align Left
<h# align=left>
...text...
</h#>
Header align Center
<h# align=center>
...text...
</h#>
Header align Right
<h# align=right>
...text...
</h#>
Bullet List
<li> ........
<li> ........
<li> ........
</ul>
Bullet list w/ Square Bullets
<ul type=square>
<li> ........
<li> ........
<li> ........
</ul>
Bullet list w/ Disk Bullets
<ul type=disk>
<li> ........
<li> ........
<li> ........
</ul>
Define Numbered list (1,2,3,...)
<li> ........
<li> ........
<li> ........
</ol>
Define List UC-Alpha (A,B,C,...)
<ol type=A>
<li> .......
<li> .......
<li> .......
<li> .......
</ol>
Define List LC-Alpha list(a,b,c,...)
<ol type=A>
<li> .......
<li> .......
<li> .......
<li> .......
</ol>
Define List w/ Start Nr.
<ol start=(A-NBR)>
<li> .......
<li> .......
<li> .......
<li> .......
</ol>
Directory List
<li> .......
</dir>
List entry
Define Glossary
<dt> ...Expression...
</dt>
<dd> ...Expression Definition...
</dd>
<dt> ...Expression...
</dt>
<dd> ...Expression Definition...
</dd>
</dl>
End Numbered list
</ol>
End Bullet list
</ol>
Bullet list w/ Round Bullets
<ul type=circle>
<li> ........
<li> ........
<li> ........
</ul>
Define List LC Roman list(i,ii,iii,...)
<ol type=i>
<li> .......
<li> .......
<li> .......
<li> .......
</ol>
Define List UC Roman list(I,II,III,...)
<ol type=I>
<li> .......
<li> .......
<li> .......
<li> .......
</ol>
HTML Forms
Define a Form
<form action="(WEBPAGE/URL)" method=[get od.post]>
... Form elements and other HTML elements
</form>
Entry URL-Address
<input name="(variable)" type=URL >
Multiple Selections
<select name="VARIABLE" size=#(chars)>
<option>show text
</select>
Radio Checkbox
<input type=checkbox name="VARIABLE" value="(data)">
Entry Date
<input name="(variable)" >
Enter Button
<input type=submit value="(VARIABLE)">
Entry Undo-Button
<input type=reset value="(VARIABLE)">
Multiple Line Entry Field
<textarea action=" rows=#(ROWS) cols=#(COLS)>
... Empty or predefined text ...
</textarea>
Radio Button
<input type=radio name="VARIABLE" value="(data)">
Radio Check Box
<input type=checkbox name="VARIABLE" value="(data)">
Entry Field
<input name="(variable)" size=#(min_char)
                         maxlength=#(max_len)>
Entry Floating point
<input name="(variable)" type=float size=#(min_char)
                         maxlength=#(max_len)>
Entry Whole-Number
<input name="(variable)" type=int size=#(min_char)
                         maxlength=#(max_len)>
Radio Button Grouping
<input type=checkbox name="VARIABLE" value="(data1)">
<input type=checkbox name="VARIABLE" value="(data2)">
<input type=checkbox name="VARIABLE" value="(data3)">
......
HTML  Example
Example HTML
<html>
<head>
A Header.....
</head>
<body>
Our text goes here!
Here is more!!!!
</body>
</html>