html commands
TRANSCRIPT
-
8/7/2019 HTML Commands
1/23
HTML Commands
We offer this table as a quick reference to supplement the HTML tutorial. It shows the commands, a
brief statement of their use, which attributes can modify them, and which commands they can inhabit
or include, but it doesn't go over the basics of HTML syntax. If you're new to HTML, visit Spin Doctor's
Web Design 101 first.
Global
Head
Body:
Character Formatting
Breaks, Headings, and Titles
Images and Forms
Lists and Tables
Hypertext Anchors
Commands
Purpose
Attributes and
Extensions
CanSubsume:
Can be
Nested inside:
Global
-
8/7/2019 HTML Commands
2/23
alink="#(hexadecimal color code)" sets the color of active text links
vlink="#(hexadecimal color code)" sets the color of visited text links
all lists,
anchors, tables,
forms, images,
text, breaks, characters,
and headings
inside
...
and after ...
activates the browser's searching function
HTML 3.0:
prompt="..." allows you to specify the search prompt.
(default prompt is "This is a searchable index. Enter search keywords:")
...
... or
...
...
Head
this command, primarily used by HTML-generating tools, indicates a relationship to other documents
(and unlike anchors, cannot indicate relationships to parts of documents)
href="url" of document linked to this onename=anchor (if the link is an anchor)
rel="(linked to document in relation to this document)"
rev="(reverse rel b/w this doc and other doc)"
urn=uniform resource number
title="title of linked-to doc"
methods="ftp, gopher, etc." (method of retrieving other document)
inside
...
allows you to specify metacontent (self- referential content, or information about the document itself--
meant to be read by machines)
http-equiv="name" content="value" names a new HTTP header field whose data will be specified as
CONTENT
HTTP-Equiv="Expires content="never"
name="key" of key/value pair.
content="value" of key/value pair.
indicates the full URL of the current document
-
8/7/2019 HTML Commands
3/23
href="URL"
...
allows you to select a title that will appear in the title bars of browser windows and in bookmarks
(default is the actual filename of your document)
Body
Formatting
...
centers
enclosed
text
... or ...
...
...
...
...
...
...
...
...
...
...
...
...
...
or
... or ...
...
Netscape extension
the value for the size attribute can be a number from 1 to 7 (default is 3), or (in quotation marks) a
number relative to the current size, e.g. "+2".
...
...
...
...
... ...
...
...
-
8/7/2019 HTML Commands
4/23
...
...
...
...
...
...
...
...
, , or
...
...
...
...
...
...
...
......
...
Netscape extension
the value for the size attribute can be a number from 1 to 7. the default is 3.
...
...
...
...
... or ...
...
...
...
...
...
...
...
...
can be used only once inside
...
...
emboldens enclosed text
...
-
8/7/2019 HTML Commands
5/23
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
, ,
...
......
...
...
...
...
...
... or ...
...
tells browser to emphasize
enclosed text
...
tells browser to place stronger emphasis on enclosed text
...
a citation
...
distinguishes text to be typed
-
8/7/2019 HTML Commands
6/23
...
sample text
...
renders text in monospaced typewriter font
...
puts the text in italics
...
preformatted
t e x tto be displayed with spacing intact
...
used to format, for example,
signature files
and/or copyright information
at the end of a document
...
code sample
...placeholder or variable for some other value
...
makes the text blink. use at your own risk.
...
...
...
...
...
...
marks six levels of headings
(1 is largest;6 smallest)
align=center (3.0)
...
...
...
...
...
... or ...
Refer to this chart if you plan to use special characters--machine-readable characters like ,
"quotation marks", & ampersands--in your text.
Lists
...
...
...
allow you to create lists:
-
8/7/2019 HTML Commands
7/23
1. ordered,
unordered, or
plain
Netscape
type= sets the type of marker (1, A, a, i, disc, circle, square) introducing each list item
start= overrides usual alphabetical/numerical sequence of ordered lists
, for ordered and unordered lists;
and for definition lists
... ... or ... ... or ...
[...]
opens an indented list item (with a number, in an ordered list,
or a
bullet, in an unordered list)
type= sets the type of marker (1, A, a, i, disc, circle, square) introducing each list item
value= allows you to set the number or letter of an ordered list item
...
em strong code samp kbd var cite tt ... iol ul dir menu dl
... ...
dir menu ol ul
these tags mark the terms and definitions (respectively) in a definition list
...
Tables
...creates a table
Netscape extensions:
border=
(width, in pixels, of the border to be drawn around the table. a value of FRAME will enclose just the
outside of the table; BASIC, the border and cells)
cellpadding= (spacing between the contents of the cell and the cell borders)
cellspacing= (size of the lines dividing the data cells) width= (width in pixels or a percentage of the
window)
...
...
... ... or , ... ...
...
allows you to label a table with a caption
align=top, bottom
...
...
creates a table row
align=leftrightcenter valign=
-
8/7/2019 HTML Commands
8/23
(top middle bottom baseline)
... or ...
...
. . .
. . .
creates a data cell or header cell in a table row
rowspan=
(the number of rows spanned by the cell) colspan= (the number of columns spanned by the cell)
align= (left, right, center: horizontal alignment of the cell contents)
valign= (top, middle, bottom: the vertical alignment of the cell contents)
nowrap (indicates not to wrap the cell contents)
width= (width in pixels or in a quoted percentage of the window)
...
...
ol, ul, dir, menu, dl,
pre,
...
...
... table
...
Hypertext
...
creates a link to another document or to another segment of the same documenthref="URL" or "file" or "#name" of subfile in the document
name="name of subfile in this document"
rel, rev, urn, title, methods
...
...
...
...
...
...
...
...
...
...
... ... b cite code , or ...
... ...
...
...
-
8/7/2019 HTML Commands
9/23
...
...
...
...
... or ...
Images
loads an inline image
ismap=
src=
alt="text"
Netscape extensions:
align texttop/ absmiddle /baseline /bottom,
vspace
hspacewidth
height
border
lowsrc="file to be loaded with the main document"
...
...
...
cite code , , or em
... i kbd p samp strong tt var
Forms
...
creates a form
action="URL" of script to process form input
method="get" or "post" how the input will
be sent to the gateway on the server side
enctype=
"application/ x-www-form-urlencoded" only one value possible right now
... p, lists, pre,
..., isindex table hr address input select textarea
... ... or ... or ...
input widget for a form
type="(checkbox/ hidden/ radio /reset /submit /text /image)"
name="name of this item as passed to the script (in name/value pair),"
value="default value (for text or hidden widget);
value to be submitted with the form (for a checkbox or radio button);
-
8/7/2019 HTML Commands
10/23
or label (for Reset or Submit buttons)"
src="source file for an image",\
checked indicates that checkbox or radio button is checked
size="size in chars of text widget"
maxlength="no of characters in a text field"
align="(texttop/ absmiddle /baseline /bottom,)"
...
...
multiline text entry widget
name=" (name to be passed to the script as part of name/value pair)"
rows="no. of rows"
cols="(no. of cols.)"
...
creates a menu or scrolling list of possible items
name=name of data field
size=#of items to displaymultiple allows multiple selections
...
indicates a possible item within a select widget
selected=default selection
value="data submitted if this option is selected"
Breaks, Headings, and Titles
-
8/7/2019 HTML Commands
11/23
...
...
...
...
...
... or ...
creates a paragraph
break
...
and
em strong code samp kbd var cite tt ... i
... ... or ...
forces
aline
break
clear=right, left, all (3.0)
...
...
...
cite
code
, or
...em
i
kbd
, ...
samp
strong
tt
var
draws a horizontal rule line
Netscape extensions:
size=(in pixels, the width of the line itself)
width=(in pixels, or a "#%" of the screen, the width traversed by the line)
align=(horizontal placement of the line, if it doesn't cross the entire screen)
noshade eliminates the line's shadow
... ..., ..., ..., ...
Top
Maximizing
-
8/7/2019 HTML Commands
12/23
Meaning
in Your Text
return to
http://www.transaction.net/web/tutor/cmdtable.html
Index of
Terms and Resources
Shaping the Pieces
Spin Doctor's
Web Design 101
Maximizing Meaning
in Your Text
TRANSACTION.NET
home page
Purpose and Placement of
HTML CommandsWe offer this table as a quick reference to supplement the HTML tutorial. It shows the commands, a
brief statement of their use, which attributes can modify them, and which commands they can inhabit
or include, but it doesn't go over the basics of HTML syntax. If you're new to HTML, visit Spin Doctor's
Web Design 101 first.
Global
Head
Body:
Character Formatting
Breaks, Headings, and Titles
Images and Forms
Lists and TablesHypertext Anchors
Commands
Purpose
Attributes and
Extensions
Can
Subsume:
Can be
Nested inside:
Global
-
8/7/2019 HTML Commands
13/23
...
...
surrounds all other HTML commands
...
creates the head of an HTML document
...
immediately after and before ...
...
creates the body of an HTML document
background= designates a file to be displayed as background
bgcolor="#(hexadecimal color code)" sets the background color
text="#(hexadecimal color code)" sets the color of plain text
link="#(hexadecimal color code)" sets the color of unfollowed text linksalink="#(hexadecimal color code)" sets the color of active text links
vlink="#(hexadecimal color code)" sets the color of visited text links
all lists,
anchors, tables,
forms, images,
text, breaks, characters,
and headings
inside
...
and after ...
activates the browser's searching function
HTML 3.0:
prompt="..." allows you to specify the search prompt.
(default prompt is "This is a searchable ind
ex. Enter search keywords:")
...
...
or
...
...
Head
this command, primarily used by HTML-generating tools, indicates a relationship to other documents
(and unlike anchors, cannot indicate relationships to parts of documents)
href="url" of document linked to this one
-
8/7/2019 HTML Commands
14/23
name=anchor (if the link is an anchor)
rel="(linked to document in relation to this document)"
rev="(reverse rel b/w this doc and other doc)"
urn=uniform resource number
title="title of linked-to doc"
methods="ftp, gopher, etc." (method of retrieving other document)
inside
...
allows you to specify metacontent (self- referential content, or information about the document itself--
meant to be read by machines)
http-equiv="name" content="value" names a new HTTP header field whose data will be specified as
CONTENT
HTTP-Equiv="Expires content="never"
name="key" of key/value pair.
content="val
ue" of key/value pair.
indicates the full URL of the current document
href="URL"
...
allows you to select a title that will appear in the title bars of browser windows and in bookmarks
(default is the actual filename of your document)
Body
Formatting
...
centers
enclosed
text
... or
...
...
...
...
...
...
...
...
...
...
-
8/7/2019 HTML Commands
15/23
...
...
...
...
or
... or ...
...
Netscape extension
the value for the size attribute can be a number from 1 to 7 (default is 3), or (in quotation marks) a
number relative to the current size, e.g. "+2".
...
...
...
...
... ...
...
...
...
...
...
...
...
...
......
, , or
...
...
...
...
...
...
...
...
...
...
Netscape extension
the value for the size attribute can be a number from 1 to 7. the default is 3.
...
...
...
-
8/7/2019 HTML Commands
16/23
...
...
or ...
...
...
...
...
...
...
...
...
can be used only once inside
...
...
emboldens enclosed text
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
-
8/7/2019 HTML Commands
17/23
, ,
...
...
...
...
...
...
...
...
... or ...
...
tells browser to emphasize
enclosed text
...
tells browser to place stronger emphasis on enclosed text
...a citation
...
distinguishes text to be typed
...
sample text
...
renders text in monospaced typewriter font
...
puts the text in italics
...preformatted
t e x tto be displayed with spacing intact
...
used to format, for example,
signature files
and/or copyright information
at the end of a document
...
code sample
...
placeholder or variable for some other value
...
makes the text blink. use at your own risk.
...
.
..
...
...
-
8/7/2019 HTML Commands
18/23
...
...
marks six levels of headings
(1 is largest;
6 smallest)
align=center (3.0)
...
...
...
...
...
... or ...
Refer to this chart if you plan to use special characters--machine-readable characters like ,
"quotation marks", & ampersands--in your text.
Lists
...
...
...
allow you to create lists:
1. ordered,
unordered, or
plain
Netscape
type= sets the type of marker (1, A, a, i, disc, circle, square) introducing each list item
start= overrides usual alphabetical/numerical sequence of ordered lists, for ordered and unordered lists;
and for definition lists
... ... or ... ... or ...
[...]
opens an indented list item (with a number, in an ordered lis
t,
or a
bullet, in an unordered list)
type= sets the type of marker (1, A, a, i, disc, circle, square) introducing each list item
value= allows you to set the number or letter of an ordered list item
...
em strong code samp kbd var cite tt ... iol ul dir menu dl
...
...
dir menu ol ul
these tags mark the terms and definitions (respectively) in a definition list
...
-
8/7/2019 HTML Commands
19/23
Tables
...
creates a table
Netscape extensions:
border=
(width, in pixels, of the border to be drawn around the table. a value of FRAME will enclose just the
outside of the table; BASIC, the border and cells)
cellpadding= (spacing between the contents of the cell and the cell borders)
cellspacing= (size of the lines dividing the data cells) width= (width in pixels or a percentage of the
window)
...
...
... ... or , .
.. ......
allows you to label a table with a caption
align=top, bottom
...
...
creates a table row
align=leftrightcenter valign=
(top middle bottom baseline)
... or ...
...
. . .. . .
creates a data cell or header cell in a table row
rowspan=
(the number of rows spanned by the cell) colspan= (the number of columns spanned by the cell)
align= (left, right, center: horizontal alignment of the cell contents)
valign= (top, middle, bottom: the vertical alignment of the cell contents)
nowrap (indicates not to wrap the cell contents)
width= (width in pixels or in a quoted percentage of the window)
...
...
ol, ul, dir, menu, dl,
pre,
...
...
... table
...
-
8/7/2019 HTML Commands
20/23
Hypertext
...
creates a link to another document or to another segment of the s
ame document
href="URL" or "file" or "#name" of subfile in the document
name="name of subfile in this document"
rel, rev, urn, title, methods
...
...
...
...
...
......
...
...
...
... ... b cite code , or ...
... ...
...
...
...
...
......
... or ...
Images
loads an inline image
ismap=
src=
alt="text"
Netscape extensions:
align texttop/ absmiddle /baseline /bottom,
vspace
hspace
width
height
border
lowsrc="file to be loaded with the main document"
-
8/7/2019 HTML Commands
21/23
...
...
...
cite code , , or em
... i kbd p samp strong tt var
Forms
...
creates a form
act
ion="URL" of script to process form input
method="get" or "post" how the input will
be sent to the gateway on the server side
enctype=
"application/ x-www-form-urlencoded" only one value possible right now
... p, lists, pre, ..., isindex table hr address input select textarea
... ... or ... or ...
input widget for a form
type="(checkbox/ hidden/ radio /reset /submit /text /image)"
name="name of this item as passed to the script (in name/value pair),"
value="default value (for text or hidden widget);
value to be submitted with the form (for a checkbox or radio button);
or label (for Reset or Submit buttons)"
src="source file for an image",\checked indicates that checkbox or radio button is checked
size="size in chars of text widget"
maxlength="no of characters in a text field"
align="(texttop/ absmiddle /baseline /bottom,)"
...
...
mu
ltiline text entry widget
name=" (name to be passed to the script as part of name/value pair)"
rows="no. of rows"
cols="(no. of cols.)"
...
creates a menu or scrolling list of possible items
name=name of data field
size=#of items to display
multiple allows multiple selections
-
8/7/2019 HTML Commands
22/23
...
indicates a possible item within a select widget
selected=default selection
value="data submitted if this option is selected"
Breaks, Headings, and Titles
-
8/7/2019 HTML Commands
23/23
break
clear=right, left, all (3.0)
...
...
...
cite
code
, or
...
em
i
kbd
, ...
samp
strong
tt
var
draws a horizontal rule line
Netscape extensions:
size=(in pixels, the width of the line itself)
width=(in pixels, or a "#%" of the screen, the width traversed by the line)
align=(horizontal placement of the line, if it doesn't cross the entire screen)
noshade eliminates the line's shadow
... ..., ..., ..., ...
Top
MaximizingMeaning
in Your Text
return to
TRANSACTION.NET
Home
http://www.transaction.net/web/tutor/cmdtable.html
zisk@
well.com