Data Pit Stop Help

Below are quick reference guides for HTML tags and their attributes.

Quick Jump

Formatting Forms Frames Images Links Lists Tables Text

---

Formatting Quick Reference

<BDO>	Reading Redirection
<BLOCKQUOTE>	Indent
<BR>	Hard Line Break
<CENTER>	Align To Center
<CODE>	Monospace
<DIV>	Alignment
<KBD>	Monospace
<LISTING>	Monospace
<MULTICOL>	Text Into Columns
<P>	Paragraph
<PLAINTEXT>	Monospace
<PRE>	Monospace
<SAMP>	Monospace
<SPAN>	Alignment
<TT>	Monospace
<XMP>	Monospace

• <BDO> Reading Redirection
  
  

  Attribute	Value	Comment
  DIR	ltr | rtl	IE5 and up

• <BLOCKQUOTE> Indent
  

• <BR> Hard Line Break
  

• <CENTER> Align To Center
  

• <CODE> Monospace
  

• <DIV> Alignment
  
  

  Attribute	Value	Comment
  ALIGN	left|right|center	alignment
  STYLE	CSS-expression

• <KBD> Monospace
  

• <LISTING> Monospace
  

• <MULTICOL> Text Into Columns
  
  

  Attribute	Value	Comment
  COLS	n columns
  GUTTER	n pixel gap	default-10
  WIDTH	n pix per column

• <P> Paragraph
  
  

  Attribute	Value	Comment
  ALIGN	left|center|right	paragraph alignment

• <PLAINTEXT> Monospace
  

• <PRE> Monospace
  

• <SAMP> Monospace
  

• <SPAN> Alignment
  
  

  Attribute	Value	Comment
  STYLE	CSS-expression
  CLASS	style-name
  id	id
  XML:LANG	language-code

• <TT> Monospace
  

• <XMP> Monospace
  

---

Forms Quick Reference

• <!FORM:X!]- DataPitStop FORM tag
• <INPUT>- Input Fields
• <TEXTAREA> Multiline Text Entry
• <SELECT> Multiple Choice Dropdown
• <OPTION> Select Option

• <!FORM:X!]- DataPitStop FORM tag
  
  Contains <INPUT>, <TEXTAREA>, <SELECT>, <BUTTON>
  
  <!FORM:X!]
  X = e-mail address(s) in a comma separated list.
  
  * e-mail address(s) may be omitted.
  ** variable names must begin with an underscore.

• <INPUT>- Input Fields
  
  Inside <!FORM:X!]
  
  

  Attribute	Value	Comment
  NAME	variable name	invisible to user
  VALUE	variable value	may be NULL
  TYPE	TEXT( 1 line) Attributes    SIZE = n(visible chars)    MAXLENGTH = n (typable)    AUTOCOMPLETE ( IE only)	text box
  TYPE	PASSWORD Attributes    SIZE = n(visible chars)    MAXLENGTH = n (typable)	password box (asterisk)
  TYPE	CHECKBOX Attributes    CHECKED	check box input
  TYPE	RADIO Attributes    CHECKED	radio button input
  TYPE	FILE Attributes    SIZE = n (visible chars)	file upload input
  TYPE	HIDDEN	hidden from user
  TYPE	BUTTON	value is buttons label
  TYPE	RESET	clears all fields
  TYPE	SUBMIT	submits form
  TYPE	IMAGE Attributes    SRC = image    ALIGN = img alignment    WIDTH = n pix|n%    HEIGHT = n pix|n%     BORDER = n pixels

• <TEXTAREA> Multiline Text Entry
  
  Inside <!FORM:X!]
  
  

  Attribute	Value	Comment
  COLS	n chars	visual width
  ROWS	n lines	visual # of lines
  WRAP	SOFT = visual wrap/submitted unwrapped  HARD = visual wrap/submitted wrapped  OFF = no wrapping text/window scrolls instead	wrapping style
  NAME	value	field(variable) name

• <SELECT> Multiple Choice Dropdown
  
  Inside <!FORM:X!]
  
  Contains <OPTION>
  
  

  Attribute	Value	Comment
  NAME	value	name of select
  SIZE	n rows	n rows when open
  MULTIPLE		simultaneous answers
  TYPE	SELECT-ONE  SELECT-MULTIPLE	IE only

• <OPTION> Select Option
  
  Inside <SELECT
  
  

  Attribute	Value	Comment
  VALUE	choice name	value of selection
  SELECTED		user's default

---

Frames Quick Reference

Frames are not covered here. If you use them people will hate you <:^)

---

Image Quick Reference

• <!UPLOADX:Y!] DataPitStop Image Tag
• <IMG> Image Tag
• <!FILENAME:X!] File Path Tag

• <!UPLOADX:Y!] DataPitStop Image Tag
  
  X = L|R|T|M|B (LEFT | RIGHT | TOP | MIDDLE | BOTTOM)
  Y = Image Reference Number

• <IMG> Image Tag
  
  

  Attribute	Value	Comment
  SRC	.gif|.jpg|.png	source
  WIDTH	n pix|% frame
  HEIGHT	n pix|% frame
  HSPACE	n pix	outside margin
  VSPACE	n pix	outside margin
  BORDER	n pix
  ALT	description	tool tip
  ALIGN	L = left R = right T = top M = middle B = bottom	alignment
  USEMAP	URL#map-name
  ISMAP		submits x,y click pt
  LOWSRC	image-url

• <!FILENAME:X!] File Path Tag
  
  Place full path to image.
  
  X = Image Reference Number

---

Links Quick Reference

• <A HREF="?"> Hyperlink
• <A HREF="mailto:?"> Mailto
• <A NAME="?"> Anchors (scroll target)

• <A HREF="?"> Hyperlink
  
  

  Attribute	Value	Comment
  HREF	URL
  TARGET	_TOP = whole browser _BLANK = new window _SELF = same frame _PARENT = outer frame	where to open link
  TITLE	description	tool tip

• <A HREF="mailto:?"> Mailto
  
  ? = e-mail address

• <A NAME="?"> Anchors (scroll target)
  
  ? = link id

---

Lists Quick Reference

• <DD> Paragraph
• <DL> Phrase Paragraph
• <DT> Phrase
• <LI> Numbered|Bulleted Paragraph
• <OL> Numbered List
• <UL> Bulleted List

• <DD> Paragraph
  
  Inside <DL>
  
  

  Attribute	Value	Comment
  NOWRAP		non-wrapping text

• <DL> Phrase Paragraph
  
  Contains <DT><DD>
  
  

  Attribute	Value	Comment
  COMPACT		compact text

• <DT> Phrase
  
  Inside <DT>
  
  

  Attribute	Value	Comment
  NOWRAP		non-wrapping text

• <LI> Numbered|Bulleted Paragraph
  
  Inside <OL> or <UL>
  
  

  Attribute	Value	Comment
  TYPE	1 = {1,2,3,5..} a = {a,b,c,d..} i = {i,ii,iii..} A = {A,B,C,D..} I = {I,II,III..}
  TYPE	disc|circle|square
  VALUE	n	alter sequence

• <OL> Numbered List
  
  Contains <LI> or <UL>
  
  

  Attribute	Value	Comment
  TYPE	1 = {1,2,3,5..} a = {a,b,c,d..} i = {i,ii,iii..} A = {A,B,C,D..} I = {I,II,III..}
  START	n	starting point

• <UL> Bulleted List
  
  Contains <LI> or <OL>
  
  

  Attribute	Value	Comment
  TYPE	disc|circle|square
  COMPACT		compact text

---

Table Quick Reference

• <TABLE> Table
• <TR> Table Row
• <TD> Table Cell
• <TH> Header Cell
• <CAPTION> Caption
• <COLGROUP> and <COL> Column Group
• <THEAD>|<TBODY>|<TFOOT>

• <TABLE> Table
  
  Contains <TR>, <TD>, <TH>, <CAPTION>, <COL|COLGROUP>, <THEAD>, <TBODY>, <TFOOT>
  
  

  Attribute	Value	Comment
  BORDER	n pixels	around outside of table
  CELLPADDING	n pixels	extra room inside cells
  CELLSPACING	n pixels	around & between cells
  BACKGROUND	gif|jpg|png	background image
  BGCOLOR	hex code	table color
  BORDERCOLOR	hex code	set border color
  BORDERCOLORLIGHT	hex code	set light border color
  BORDERCOLORDARK	hex code	set dark border color
  WIDTH	n pix|n%	set width
  HEIGHT	n pix|n%	set height
  HSPACE	n pixels	outside margin
  VSPACE	n pixels	outside margin
  ALIGN	left|right|center	set alignment

• <TR> Table Row
  
  Inside <TABLE>
  Contains <TD>, <TH>
  
  

  Attribute	Value	Comment
  BGCOLOR	hex code	table color
  BORDERCOLOR	hex code	set border color
  BORDERCOLORLIGHT	hex code	set light border color
  BORDERCOLORDARK	hex code	set dark border color
  ALIGN	left|right|center	horizontal alignment
  VALIGN	top|center|bottom	verticle align

• <TD> Table Cell
  
  Inside <TR>
  
  

  Attribute	Value	Comment
  BACKGROUND	gif|jpg|png	set background image
  BGCOLOR	hex code	table color
  BORDERCOLOR	hex code	set border color
  BORDERCOLORLIGHT	hex code	set light border color
  BORDERCOLORDARK	hex code	set dark border color
  ALIGN	left|right|center	horizontal alignment
  VALIGN	top|center|bottom	verticle align
  NOWRAP	none	prevents wrapping
  COLSPAN|ROWSPAN	n	span cell n rows|columns
  WIDTH	n pix|n%	set width
  HEIGHT	n pix|n%	set height

• <TH>
  
  See <TD> Table Cell (with bold|center)

• <CAPTION> Table Caption
  
  Inside <TABLE>
  
  

  Attribute	Value	Comment
  ALIGN	left|right|center|top|bottom	horizontal alignment
  VALIGN	top|bottom	above or below table

• <COLGROUP> and <COL> Column Group
  
  

  Attribute	Value	Comment
  BGCOLOR	hex code	table color
  ALIGN	left|right|center	horizontal alignment
  VALIGN	top|center|bottom	verticle align
  WIDTH	n pix|n%	set width
  SPAN	n columns	span n columns

• <THEAD>|<TBODY>|<TFOOT>
  
  Define In This Order: <THEAD>|<TBODY>|<TFOOT>
  Row Grouping: Improves Pagination and Scrolling
  
  

  Attribute	Value	Comment
  BGCOLOR	hex code	table color
  ALIGN	left|right|center	horizontal alignment
  VALIGN	top|center|bottom	verticle align

---

Text Quick Reference

<ADDRESS>	Italics
<B>	Bold
<BASEFONT>	Base Font
<BIG>	Bigger Font
<CITE>	Citation
<DFN>	Italics
<EM>	Emphasize
<FONT>	Font
<H1-H6>	Section Headings
<I>	Italics
<MARQUEE>	Text in Motion
<PRE>	Preformatted
<S>	Strike Through
<SMALL>	Smaller Font
<STRIKE>	Strike Through
<STRONG>	Strong
<TT>	Teletype
<U>	Underline
<VAR>	Italics

• <ADDRESS> Italics
  
  

• <B> Bold
  

• <BASEFONT> Base Font
  
  Inside <BODY>
  
  

  Attribute	Value	Comment
  SIZE	same as font size
  FACE	font typeface
  color	#rrggbb

• <BIG> Bigger Font
  

• <CITE> Citation
  

• <DFN> Italics
  
  

• <EM> Emphasize
  

• <FONT> Font
  
  

  Attribute	Value	Comment
  SIZE	1-7	3 = default
  SIZE	+n,-n	3 = default
  FACE	Arial Veranda Geneva Times Tahoma Arial Helvetica Sans-Serif Times New Roman Serif	comma seperated list
  COLOR	#rrggbb
  POINT-SIZE	n
  WEIGHT	n	100-900

• <H1-H6> Section Headings
  
  

  Attribute	Value	Comment
  ALIGN	LEFT CENTER RIGHT

• <I> Italics
  
  

• <MARQUEE> Text in Motion
  
  

  Attribute	Value	Comment
  WIDTH	n pix|% frame
  HEIGHT	n pix|% frame
  HSPACE	n pixels	outside margin
  VSPACE	n pixels	outside margin
  SCROLLAMOUNT	n pixels	speed
  SCROLLDELAY	n msec	speed
  TRUESPEED		speed
  LOOP	n cycles	-1 = forever
  BEHAVIOR	SCROLL ALTERNATE SLIDE	default- SCROLL
  DIRECTION	LEFT RIGHT UP DOWN
  BGCOLOR	#rrggbb	background color

• <PRE> Preformatted
  

• <S> Strike Through
  

• <SMALL> Smaller Font
  
  

• <STRIKE> Strike Through
  

• <STRONG> Strong
  

• <TT> Teletype
  

• <U> Underline
  

• <VAR> Italics