HTML Quick Reference
Server-Side Includes
<!--#INCLUDE FILE="llama.gif"-->
(relative to original document)
<!--#INCLUDE VIRTUAL="/Media/Images/llama.gif"-->
(specified by a path)
All examples below with file can also be done with virtual...
<!--#FSIZE FILE="llama.gif"-->
(size in kb)
<!--#FLASTMOD FILE="llama.gif"-->
(last modified date: day/month/year/time)
<!--#ECHO VAR="LAST_MODIFIED"-->
(same as FLASTMOD except uses environment variables)
<!--#EXEC CGI="/cgi-bin/FormMail.pl"-->
(run script. provide HTML formatting or else it
will be <pre></pre>)
(scripts have to be in a certain defined place on
the server, defined in access.conf)
<!--#EXEC CMD="/usr/sbin/ping localhost"-->
colors
<font color=#FF0000>please</font>
effects
<b></b> #bold
<blink></blink> #blinking
<br> #forced line break
<font size=+1></font> #change font size
<hr> #insert a horizontal line
#insert a space. Handy for blank table entries
< > #<> - used for quoting html code
Images
<img src="" border=0 alt="">
paragraphs
<p align=center> Centers the paragraph
links
<a href="filename">text_link</a>
This is a generalized pointer to a document where relative filenames
are preferred and where 'filename' can be replaced with
'scheme://host.domain[:port]/path/filename' where 'scheme' canbeany
of the following:
http - .html file
gopher - file on a gopher server
WAIS - file on a WAIS server
news - a usenet newsgroup
telnet - connection to a telnet-based service
To link files from inside the current system, but not within the
particular 'www' directory, the only way I've found is to link that
directory/file to the 'www' directory and use the general method,
depending on the link.
jumps inside documents
To move to a particular section within a document:
1) Anchor where you want to jump to:
<a name=Jabberwocky>some text</a>
2) Next, create the link that you will jump from:
<a href=documentB.html#Jabberwocky>link</a>
or
<a href=#Jabberwocky>link</a>
for a link inside the current document
lists
unnumbered
start list with <ul> and preface each item in the list with <li>,
ending the list with </ul>.
numbered
<ol type="1|a|A|i|I" start="3">
start list with <ol> and preface each item in the list with <li>,
ending the list with </ol>.
definition
start with <dl>,items start with<dt>and definitions start with<dd>,
the list ending with </dl>
quotes
<blockquote> with </blockquote>
indents quotes (and paragraphs therein), within the text.
addresses
<address> title / place / fxrsg@Camelot.acf-lab.alaska.edu </address>
forms:
<input ...
checked #this is checked by default
type=
"checkbox" #multiple boxes & can un-click them
"hidden" #doesn't show up
"password" #password entry
"radio" #this is a button
"reset" #resets the form (untested)
<input type=reset value=Reset>
"submit" #push button to send form off
"text" #text box
name="" #variable name sent to next script
value="" #value of box (pre-written value!)
size=# #size (in characters) of text box
<select name=""><option>...<option>...</select>
select from the options and put into 'name'.
select attributes:
'multiple' allows multiple selections
option attributes:
'selected' allows default item selection
in-document links
<a name="link3">
<a href="#link3">link3</a>
links
<img src="<webaddress>">
<pre></pre> -straight text formatting
<tt></tt> -true-type text formatting
tables:
start table: <table>
<table width=650> (pixels?)
<table border> (put a border on it)
<table border=#>
<table bordercolor="#xxxxxx">
<table cellspacing=##>
row: <tr> (place a <br> at the end of each row for
lynx compatability)
column: <td>
<td colspan=# rowspan=##> (text will take-up #
of columns, and ## of rows)
<td align={right,left,center}>
<td valign={top,middle,bottom}>
-vertical alignment
header: <th></th>
table header cell. bold & centered text
caption:<caption></caption>
prints a centered caption at the top or bottom.
use align=bottom to get it at the bottom.
end table: </table>