|
HTML
Elements List |
|
A |
The <A> element indicates a hyperlink
anchor. At least one of the NAME and HREF attributes
should be present.
Superbase Example 1:
CALL HTML("<A HREF=~mailto:scott
@SBDplc.com~>scott@SBDplc.com</A>")
Superbase Example 2:
CALL HTML("<A HREF=~#Go Here~>Jump to
somewhere else on this page</A>")
|
|
ABBREV |
The <ABBREV> element should change
text to look
like an abbreviation.
Superbase Example:
CALL HTML("<ABBREV>HTML3 abbreviations</ABBREV>")
|
|
ACRONYM |
The <ACRONYM> element should change
text to look like an acronym.
Superbase Example:
CALL HTML("<ACRONYM>HTML acronym</ACRONYM>")
|
|
ADDRESS |
The <ADDRESS> element contains such
information as address, signature and authorship, often
at the beginning or end of the body of a document.
Superbase Example:
CALL HTML("<ADDRESS>My Name<BR>")
CALL HTML("My Address<BR>")
CALL HTML("SomeCity,SomeState 55555")
CALL HTML("</ADDRESS>")
|
|
B |
The <B> element indicates bold text.
Where bold typography is unavailable, an alternative
representation may be used.
Superbase Example:
CALL HTML("<B>Bold characters</B>")
|
|
BASE |
The optional <BASE> element provides
a base address for interpreting relative URLs when the
document is read out of context. The value of the HREF
attribute must be an absolute URI.
Superbase Example:
CALL HTML("<HEAD>")
CALL HTML("<BASE HREF=~http://myserver.com/mydirectory/myfile.html~>")
CALL HTML("</HEAD>")
|
|
BASEFONT |
The <BASEFONT> element changes the
documents base font from 3 to a level between 1 and
7.
Superbase Example:
CALL HTML("<BASEFONT SIZE=7>")
CALL HTML("This changes the BASEFONT to 7")
CALL HTML("<BASEFONT SIZE=3>")
|
|
BGSOUND |
The <BGSOUND> element plays an sound
file as a background to the document.
Superbase Example:
CALL HTML("<BGSOUND SRC=~chimes.wav~>")
|
|
BIG |
The <BIG> element makes the font
bigger than the base font text of possible.
Superbase Example:
CALL HTML("Changes characters to <BIG>BIG
</BIG>if possible.")
|
|
BLINK |
The <BLINK> element makes text blink
of and on.
Superbase Example:
CALL HTML("<BLINK>Makes characters blink</BLINK>")
|
|
BLOCKQUOTE |
The <BLOCKQUOTE> element contains
text quoted from another source. A typical rendering
might be a slight extra left and right indent, and/or
italic font. The <BLOCKQUOTE> typically provides
space above and below the quote.
Superbase Example:
CALL HTML("This a quote from me.")
CALL HTML("<BLOCKQUOTE> This is a multi
line statement. It could take several lines ")
CALL HTML("to display this in different browsers.
The BLOCKQUOTE command should ")
CALL HTML("automatically wrap these lines and
make it look like a quoted block of text.")
CALL HTML("</BLOCKQUOTE>")
CALL HTML("This ends my quote.")
|
|
BODY |
The <BODY> element contains the
text flow of the document, including headings, paragraphs,
lists, etc.
Superbase Example:
CALL HTML("<BODY>")
|
|
BQ |
The <BQ> element contains text quoted
from another source it is a Version 3 proposed replacement
for <BLOCKQUOTE>.
Superbase Example:
CALL HTML("This a quote from me.<BR>")
CALL HTML("<BQ> This is a multi line statement.
It could take several lines ")
CALL HTML("to display this in different browsers.
The BQ command should ")
CALL HTML("automatically wrap these lines and
make it look like a quoted block of text ")
CALL HTML("without the indent as in BLOCKQUOTE.</BQ><BR>")
CALL HTML("This ends my quote.")
|
|
BR |
The <BR> element specifies a line
break between words but doesn't give that extra spacing
that <P> gives.
Superbase Example:
CALL HTML("The BR element breaks for a new line,
")
CALL HTML("<BR>")
CALL HTML("but does not produce separation of
text like the P element.")
|
|
CENTER |
The <CENTER> element centers text
between the current browsers left and right edges.
Superbase Example:
CALL HTML("<CENTER>These characters should
be centered</CENTER>")
|
|
CITE |
The <CITE> element is used to indicate
the title of a book or other citation. It is typically
rendered as italics.
Superbase Example:
CALL HTML("The book <CITE>What is a citation?
</CITE>was pretty dry reading.")
|
|
CODE |
The <CODE> element indicates an
example of code, typically rendered in a mono-spaced
font. The <CODE> element is intended for short
words or phrases of code
Superbase Example:
CALL HTML("The code <CODE>FOR x%% = 1 to
100 </CODE>should look like computer code.")
|
|
DD |
The <DD> element is a definition
of a term <DT>
Superbase Example:
See DL.
|
|
DIR |
The <DIR> element is similar to
the <UL> element. It represents a list of short
items, typically up to 20 characters each. Items in
a directory list may be arranged in columns, typically
24 characters wide.
The content of a <DIR> element is a sequence
of <LI> elements. Nested block elements are not
allowed in the content of <DIR> elements.
Superbase Example:
CALL HTML("<DIR>")
CALL HTML("<LI>Item 1</LI>")
CALL HTML("<LI>Item 2</LI>")
CALL HTML("<LI>Item 3</LI>")
CALL HTML("</DIR>")
|
|
DL
|
A <DL> is the beginning of a definition
list. A definition list is a list of terms and corresponding
definitions. Definition lists are typically formatted
with the term flush-left and the definition, formatted
paragraph style, indented after the term. The content
of a <DL> element is a sequence of <DT>
elements and/or <DD> elements, usually in pairs.
Multiple <DT> may be paired with a single <DD>
element. Documents should not contain multiple consecutive
<DD> elements.
Superbase Example 1:
CALL HTML("<DL>")
CALL HTML("<DT>Term1")
CALL HTML("<DT>Term2")
CALL HTML("<DT>Term3 <DD>This a definition
of the first three terms. It should wrap ")
CALL HTML("in a column below and to the right
of the previous terms.")
CALL HTML("<DT>Term4 <DD>This is a
definition of term 4 and should wrap below ")
CALL HTML("and to the right of term4")
CALL HTML("</DL>")
Superbase Example 2:
IF NOT OPEN ("TOPICS") THEN OPEN FILE DIRECTORY
+ "\SAMPLES\TOPICS.SBF"
IF NOT OPEN ("ITEMS") THEN OPEN FILE DIRECTORY
+ "\SAMPLES\ITEMS.SBF"
FILE "ITEMS"
INDEX TOPIC
FILE "TOPICS"
SELECT FIRST
CALL HTML("<DL>")
WHILE NOT EOF ("TOPICS")
FILE "ITEMS"
SELECT FIRST FILE "ITEMS"
SELECT KEY TOPIC.TOPICS
WHILE TOPIC.ITEMS = TOPIC.TOPICS AND NOT EOF ("ITEMS")
CALL HTML("<DT>" + ITEM.ITEMS)
SELECT NEXT FILE "ITEMS"
WEND
CALL HTML("<DD>" + DESCRIPTION.TOPICS)
SELECT NEXT FILE "TOPICS"
WEND
CALL HTML("</DL>")
|
|
DT |
The <DT> element is a definition
term.
Superbase Example:
See DL.
|
|
EM |
The <EM> element indicates an emphasized
phrase, typically rendered as italics
Superbase Example:
CALL HTML("Some of these <EM>characters
should show </EM>up emphasized")
|
|
FONT |
The <FONT> element changes the size
of the font from level 1 to level 7 and can also change
the color.
Superbase Example:
CALL HTML("<FONT SIZE=+2 COLOR=~256432~>")
CALL HTML("This should produce a font 2 sizes
larger<BR>")
CALL HTML("then the BASEFONT and a different color.<BR>")
CALL HTML("<FONT SIZE=3 COLOR=~000000~>")
CALL HTML("This should go back to the normal font
size and color.")
|
|
FORM |
The <FORM> element contains a sequence
of input elements along with document structuring elements.
Superbase Example:
See Samples.sbp, SUB Samples(RetValue$) and SUB
Contact(RetValue$) for basics.
|
|
FRAME |
The <FRAME> element designates one
frame in a frameset.
Superbase Example:
See Samples.sbp, SUB FrameSample(RetValue$) for
basics.
|
|
FRAMESET |
The <FRAMESET> element replaces
the BODY element.
Superbase Example:
See Samples.sbp, SUB FrameSample(RetValue$) for
basics.
|
|
H1 |
The six heading elements, <H1> through
<H6>, denote section headings. Although the order
and occurrence of headings is not constrained by the
HTML DTD, documents should not skip levels (for example,
from H1 to H3), as converting such documents to other
representations is often problematic.
The <H1> element is defined as bold, very-large
font, centered. One or two blank lines above and below.
Superbase Example:
CALL HTML("<H1>This is Heading 1</H1>")
|
|
H2 |
The <H2> element is defined as bold,
large font, flush-left. One or two blank lines above
and below.
Superbase Example:
CALL HTML("<H2>This is Heading 2</H2>")
|
|
H3 |
The <H3> element is defined as italic,
large font, slightly indented from the left margin.
One or two blank lines above and below.
Superbase Example:
CALL HTML("<H3>This is Heading 3</H3>")
|
|
H4 |
The <H4> element is defined as bold,
normal font, indented more than H3. One blank line above
and below.
Superbase Example:
CALL HTML("<H4>This is Heading 4</H4>")
|
|
H5 |
The <H5> element is defined as italic,
normal font, indented as H4. One blank line above.
Superbase Example:
CALL HTML("<H5>This is Heading 5</H5>")
|
|
H6 |
The <H6> element is defined as bold,
indented same as normal text, more than H5. One blank
line above.
Superbase Example:
CALL HTML("<H6>This is Heading 6</H6>")
|
|
HEAD |
The head of an HTML document is an unordered
collection of information about the document.
Superbase Example:
CALL HTML("<HEAD><TITLE>")
CALL HTML("Sample Applications Page")
CALL HTML("</TITLE></HEAD>")
|
|
HR |
The <HR> element is a divider between
sections of text; typically a full width horizontal
rule or equivalent graphic.
Superbase Example:
CALL HTML("<HR>")
|
|
I |
The <I> element indicates italic
text. Where italic typography is unavailable, an alternative
representation may be used.
Superbase Example:
CALL HTML("Some of these ")
CALL HTML("<I>letters </I>")
CALL HTML("should be in italics")
|
|
IMG |
The <IMG> element refers to an image
or icon via a hyperlink.
Superbase Example:
CALL HTML("<IMG SRC=~http://192.0.1.2:82/sbimages/Sbmarble.gif~
ALIGN=MIDDLE>")
CALL HTML("This text should be in the middle of
the image")
|
|
INPUT |
The <INPUT> element represents a
field for user input.
Superbase Example:
See Samples.sbp, SUB Samples(RetValue$).
|
|
KBD |
The <KBD> element indicates text
typed by a user, typically rendered in a mono-spaced
font. This is commonly used in instruction manuals.
Superbase Example:
CALL HTML("Type the word <KBD>ENTER HERE
</KBD>on your keyboard.")
|
|
LI |
The LI element is a list element that
can be used in other elements such as <DIR> or
<OL>
Superbase Example:
See DIR.
|
|
LINK |
The <LINK> element represents a
hyperlink. Any number of LINK elements may occur in
the <HEAD> element of an HTML document. The <LINK>
element is typically used to indicate authorship, related
indexes and glossaries, older or more recent versions,
document hierarchy, associated resources such as style
sheets, etc.
Superbase Example:
CALL HTML("<LINK
REV=~made~ TITLE=~Scott~ HREF=~mailto: scott@SBDplc.com~>")
|
|
LISTING |
The <LISTING> element is similar
to the <PRE> element. The <LISTING> element
should be rendered so that at least 132 characters fit
on a line.
Superbase Example:
CALL HTML("<LISTING>This text should look
like it is pre-")
CALL HTML("formatted. It will be printed out with
the breaks ")
CALL HTML("just like you type them in. No word
wrapping.</LISTING>")
|
|
MENU |
The <MENU> element is a list of
items with typically one line per item. The menu list
style is typically more compact than the style of an
unordered list. The content of a <MENU> element
is a sequence of <LI> elements. Nested block elements
are not allowed in the content of <MENU> elements.
Superbase Example:
CALL HTML("<MENU COMPACT>")
CALL HTML("<LI>Menu Item 1</LI>")
CALL HTML("<LI>Menu Item 2</LI>")
CALL HTML("<LI>Menu Item 3</LI>")
CALL HTML("</MENU>")
|
|
META |
The <META> element is an extensible
container for use in identifying specialized document
meta-information. Meta-information has two main functions:
1. to provide a means to discover that the data set
exists and how it might be obtained or accessed; and
2. to document the content, quality, and features of
a data set, indicating its fitness for use.
Superbase Example:
CALL HTML("<META NAME=~Overview~ CONTENT=~"
+ DATE$ ( TODAY ,"mmm dd yyyy") + "~>")
|
|
OL |
The <OL>
element represents an ordered list of items, sorted
by sequence or order of importance. It is typically
rendered as a numbered list.
Superbase Example:
CALL HTML("The next set of items will be automatically
numbered.")
CALL HTML("<OL>")
CALL HTML("<LI>First Item</LI>")
CALL HTML("<LI>Second Item</LI>")
CALL HTML("<LI>Third Item</LI>")
CALL HTML("</OL>")
|
|
OPTION |
The Option element can only occur within
a Select element. It represents one choice, and has
the following attributes:
· SELECTED
Indicates that this option is initially selected.
· VALUE
Indicates the value to be returned if this option is
chosen. The field value defaults to the content of the
<OPTION> element.
The content of the <OPTION> element is presented
to the user to represent the option. It is used as a
returned value if the VALUE attribute is not present.
Superbase Example:
See Samples.sbp, SUB ContactFind(RetValue$) and
the <SELECT> element in the element list.
|
|
P |
The <P> element indicates a paragraph.
The exact indentation, leading space, etc. of a paragraph
is not specified and may be a function of other tags,
style sheets, etc. Typically, paragraphs are surrounded
by a vertical space of one line or half a line. The
first line in a paragraph is indented in some cases.
Superbase Example:
CALL HTML("The use of the P element separates
text with about a line ")
CALL HTML("and a half. It is different from the
BR element in that ")
CALL HTML("the BR element just puts the next line
of text on the next line ")
CALL HTML("without the extra space.")
CALL HTML("<P>")
CALL HTML("This new paragraph should show up with
an extra gap from the ")
CALL HTML("paragraph above.")
|
|
PRE |
The <PRE> element represents a character
cell block of text and is suitable for text that has
been formatted for a mono spaced font. The <PRE>
tag may be used with the optional WIDTH attribute. The
WIDTH attribute specifies the maximum number of characters
for a line.
Superbase Example:
CALL HTML("<PRE>This text should look like
it is pre-")
CALL HTML("formatted. It will be printed out with
the breaks ")
CALL HTML("just like you type them in. No word
wrapping.</PRE>")
|
|
SAMP |
The <SAMP> element indicates a sequence
of literal characters, typically rendered in a mono-spaced
font.
Superbase Example:
CALL HTML("This line is using the <samp>samp
</samp>element.")
|
|
SELECT |
The <SELECT> element constrains
the form field to an enumerated list of values. The
values are given in <OPTION> elements.
Superbase Example:
CALL HTML("<FORM METHOD=~post~ ACTION="
+ HTML_Page$("elements.givvals") + ">")
IF NOT OPEN ("TOPICS") THEN OPEN FILE DIRECTORY
+ "\SAMPLES\TOPICS.SBF"
IF NOT OPEN ("ITEMS") THEN OPEN FILE DIRECTORY
+ "\SAMPLES\ITEMS.SBF"
FILE "ITEMS"
INDEX TOPIC
FILE "TOPICS"
SELECT FIRST
WHILE NOT EOF ("TOPICS")
CALL HTML("Select your " + TOPIC.TOPICS)
CALL HTML("<SELECT NAME=~" + TOPIC.TOPICS
+ "~>")
FILE "ITEMS"
SELECT FIRST FILE "ITEMS"
SELECT KEY TOPIC.TOPICS
WHILE TOPIC.ITEMS = TOPIC.TOPICS AND NOT EOF ("ITEMS")
CALL HTML("<OPTION>" + ITEM.ITEMS +
"</OPTION>")
SELECT NEXT FILE "ITEMS"
WEND
SELECT NEXT FILE "TOPICS"
CALL HTML("</SELECT>")
CALL HTML("<P>")
WEND
CALL HTML("<P>")
CALL HTML("Enter some text below")
CALL HTML("<BR>")
CALL HTML("<TEXTAREA NAME=~TA~ ROWS=~5~ COLS=~30~>
</TEXTAREA>")
CALL HTML("")
CALL HTML("<INPUT TYPE=~submit~ VALUE=~Submit~></FORM>")
SUB givvals(RetValue$)
IF NOT OPEN ("TOPICS") THEN OPEN FILE DIRECTORY
+ "\SAMPLES\TOPICS.SBF"
FILE "TOPICS"
SELECT FIRST
CALL HTML("Here are your selections.<P>")
WHILE NOT EOF ("TOPICS")
YourSel$ = TOPIC.TOPICS + ": " + HTML_GetValue$(TOPIC.TOPICS)
CALL HTML(YourSel$)
CALL HTML("<P>")
SELECT NEXT FILE "TOPICS"
WEND
CALL HTML("<P>")
CALL HTML("You typed:")
CALL HTML("<BR>")
YourSel$ = HTML_GetValue$("TA")
CALL HTML(YourSel$)
END SUB
|
|
STRONG |
The <STRONG> element indicates strong
emphasis, typically rendered in bold.
Superbase Example:
CALL HTML("The <STRONG>strong</STRONG>
element makes letters look bold!")
|
|
TEXTAREA |
The <TEXTAREA> element represents
a multi-line text field.
Superbase Example:
See SELECT.
|
|
TITLE |
Every HTML document must contain a <TITLE>
element. The title should identify the contents of the
document in a global context.
Superbase Example:
CALL HTML("<HEAD><TITLE>")
CALL HTML("Sample Applications Page")
CALL HTML("</TITLE>")
CALL HTML("</HEAD>")
|
|
TT |
The <TT> element indicates teletype
(monospaced )text. Where a teletype font is unavailable,
an alternative representation may be used.
Superbase Example:
CALL HTML("<TT>This is a teletype rendering.</TT>")
|
|
U |
The <U> element indicates an underline.
Superbase Example:
CALL HTML("Some of this <U>should be </U>underlined")
|
|
UL |
The <UL> represents a list of items
-- typically rendered as a bulleted list. The content
of a <UL> element is a sequence of <LI>
elements.
Superbase Example:
CALL HTML("<UL>")
CALL HTML("<LI>First Item in an unordered
list.")
CALL HTML("<LI>Second Item in an unordered
list.")
CALL HTML("<LI>Third Item in an unordered
list.")
CALL HTML("</UL>")
|
|
VAR |
The <VAR> element indicates a placeholder
variable, typically rendered as italic.
Superbase Example:
CALL HTML("Type <SAMP>? <VAR>fieldname.filename</VAR></SAMP>
to display the contents on the screen.")
|
|
XMP |
The <XMP> element should be rendered
so that at least 80 characters fit on a line but is
otherwise identical to the <LISTING> element.
Superbase Example:
CALL HTML("<XMP>This text should look like
it is pre-")
CALL HTML("formatted. It will be printed out with
the breaks ")
CALL HTML("just like you type them in. No word
wrapping.</XMP>") |
|
Legal Notice
