c058972307
git-svn-id: https://svn.code.sf.net/p/lazarus-ccr/svn@1405 8e941d3f-bd1b-0410-a28a-d453659cc2b4
301 lines
9.5 KiB
HTML
301 lines
9.5 KiB
HTML
<HTML>
|
|
|
|
<HEAD>
|
|
<TITLE>Summary of Supported Tags and Attributes</TITLE>
|
|
<LINK REL="stylesheet" TYPE="text/css" HREF="demo.css">
|
|
<STYLE TYPE="text/css"> <!--
|
|
.red {color: red; font-weight: bold;}
|
|
-->
|
|
</STYLE>
|
|
|
|
</HEAD>
|
|
|
|
<BODY CLASS="indent">
|
|
<P CLASS="title">HTML Components</P>
|
|
<P CLASS="subtitle">Version 9.45<BR>
|
|
<SPAN STYLE="color: #737373; font-size: larger;">Summary of Supported Tags and Attributes</SPAN><BR>
|
|
<SPAN STYLE="color: 373737">Version 9 additions shown in <SPAN CLASS="red">red</SPAN></SPAN><BR>
|
|
</P>
|
|
<HR STYLE="width:60%;">
|
|
<TABLE WIDTH="75%" CELLPADDING="2" ALIGN="CENTER">
|
|
<TR>
|
|
<TD VALIGN="TOP"><UL>
|
|
<LI><A HREF="#Document">Document Tags</A> </LI>
|
|
<LI><A HREF="#Physical">Physical Phrase Markup Tags</A> </LI>
|
|
<LI><A HREF="#Logical">Logical Phrase Markup Tags</A> </LI>
|
|
<LI><A HREF="#Block">Block Tags</A> </LI>
|
|
<LI><A HREF="#Lists">Lists</A> </LI>
|
|
<LI><A HREF="#Description">Description List</A> </LI>
|
|
<LI><A HREF="#Tables">Tables</A> </LI>
|
|
</UL>
|
|
</TD>
|
|
<TD VALIGN="TOP"><UL>
|
|
<LI><A HREF="#Forms">Forms</A> </LI>
|
|
<LI><A HREF="#Character">Character Level Elements</A> </LI>
|
|
<LI><A HREF="#Anchors">Anchors</A> </LI>
|
|
<LI><A HREF="#Maps">Client Side Image Maps</A> </LI>
|
|
<LI><A HREF="#Miscellaneous">Miscellaneous</A> </LI>
|
|
<LI><A HREF="#Frames">Frame Syntax</A> </LI>
|
|
<LI><A HREF="#colors">Color Syntax</A></LI>
|
|
</UL>
|
|
</TD>
|
|
</TR>
|
|
</TABLE>
|
|
<P CLASS="heading"><A NAME="Document">Document Tags</A></P>
|
|
<PRE><HTML>...</HTML>
|
|
<HEAD>...</HEAD>
|
|
<STYLE>...</STYLE>
|
|
<BASE>
|
|
HREF=base
|
|
<TITLE>...</TITLE>
|
|
<BODY>...</BODY>
|
|
BACKGROUND=bitmap
|
|
TEXT=<A HREF="#Colors">color</A>
|
|
BGCOLOR=<A HREF="#Colors">color</A>
|
|
LINK=<A HREF="#Colors">color</A>
|
|
VLINK=<A HREF="#Colors">color</A>
|
|
OLINK=<A HREF="#Colors">color</A>
|
|
MARGINWIDTH=n
|
|
MARGINHEIGHT=n
|
|
<Span class="red">BGPROPERTIES=fixed
|
|
TOPMARGIN=n
|
|
LEFTMARGIN=n</span></PRE>
|
|
|
|
<P CLASS="heading"><A NAME="Physical">Physical Phrase Markup Tags</A></P>
|
|
<PRE><B>...</B>
|
|
<I>...</I>
|
|
<U>...</U>
|
|
<TT>...</TT>
|
|
<S>...</S>
|
|
<FONT>...</FONT>
|
|
SIZE=n (n=1..7) or SIZE=+-n (incremental change)
|
|
COLOR=<A HREF="#Colors">color</A>
|
|
FACE=facename
|
|
<SUB>...</SUB>
|
|
<SUP>...</SUP>
|
|
<BIG>...</BIG>
|
|
<SMALL>...</SMALL>
|
|
<STRIKE>...</STRIKE>
|
|
<NOBR>...</NOBR>
|
|
</PRE>
|
|
|
|
<P CLASS="heading"><A NAME="Logical">Logical Phrase Markup Tags</A></P>
|
|
<PRE><EM>...</EM>
|
|
<STRONG>...</STRONG>
|
|
<CITE>...</CITE>
|
|
<VAR>...</VAR>
|
|
<CODE>...</CODE>
|
|
<KBD>...</KBD>
|
|
<SAMP>...</SAMP></PRE>
|
|
|
|
<P CLASS="heading"><A NAME="Block">Block Tags</A></P>
|
|
<PRE><P>...(</P>)
|
|
ALIGN=left|center|right|justify
|
|
<ADDRESS>...</ADDRESS>
|
|
<BLOCKQUOTE>...</BLOCKQUOTE>
|
|
<PRE>...</PRE>
|
|
<CENTER>...</CENTER>
|
|
<DIV>...</DIV>
|
|
ALIGN=left|center|right|justify
|
|
</PRE>
|
|
|
|
<P CLASS="heading"><A NAME="Lists">Lists</A></P>
|
|
<PRE><OL>...</OL>
|
|
START=value
|
|
TYPE=1|a|A|i|I
|
|
<UL>...</UL>
|
|
PLAIN
|
|
TYPE=plain|none
|
|
<DIR>...</DIR>
|
|
<MENU>...</MENU>
|
|
<LI>...(</LI>)
|
|
<span class="red">VALUE=n</span></PRE>
|
|
|
|
<P CLASS="heading"><A NAME="Description">Description List</A></P>
|
|
<PRE><DL>...</DL>
|
|
<DD>...</DD>
|
|
<DT>...</DT></PRE>
|
|
|
|
<P CLASS="heading"><A NAME="Tables">Tables</A></P>
|
|
<PRE><TABLE>...<TABLE>
|
|
BORDER or BORDER=<span class="red">n</span>
|
|
ALIGN=left|center|right
|
|
CELLSPACING=value
|
|
CELLPADDING=value
|
|
WIDTH=n|n%
|
|
BACKGROUND=image
|
|
BGCOLOR=<A HREF="#Colors">color</A>
|
|
BORDERCOLOR=<A HREF="#Colors">color</A>
|
|
BORDERCOLORLIGHT=<A HREF="#Colors">color</A>
|
|
BORDERCOLORDARK=<A HREF="#Colors">color</A>
|
|
HSPACE=n
|
|
VSPACE=n
|
|
HEIGHT=n|n%
|
|
<span class="red"><COLGROUP>...</COLGROUP>
|
|
VALIGN=top|center|bottom
|
|
ALIGN=left|center|right
|
|
WIDTH=n|n%
|
|
<COL>
|
|
VALIGN=top|center|bottom
|
|
ALIGN=left|center|right
|
|
WIDTH=n|n%
|
|
SPAN=n</SPAN>
|
|
<CAPTION>...</CAPTION>
|
|
ALIGN=top|bottom
|
|
<TR>...</TR>
|
|
VALIGN=top|center|bottom
|
|
ALIGN=left|center|right
|
|
BGCOLOR=<A HREF="#Colors">color</A>
|
|
HEIGHT=n<span class="red">|n%</span>
|
|
<TH>...</TH>, <TD>...</TD>
|
|
ROWSPAN=n
|
|
COLSPAN=n
|
|
WIDTH=n|n%
|
|
HEIGHT=n<span class="red">|n%</span>
|
|
VALIGN=top|center|bottom
|
|
ALIGN=left|center|right
|
|
BGCOLOR=<A HREF="#Colors">color</A>
|
|
NOWRAP
|
|
<span class="red"><THEAD><TBODY><TFOOT></span> (printing)</PRE>
|
|
|
|
<P CLASS="heading"><A NAME="Forms">Forms</A></P>
|
|
<PRE><FORM>...</FORM>
|
|
METHOD=post|get
|
|
ACTION=url
|
|
<INPUT>...</INPUT>
|
|
TYPE=text|password|submit|reset|radio|checkbox|hidden|image|button|<span class="red">file</span>
|
|
NAME=string
|
|
VALUE=string
|
|
SIZE=chars (text, password)
|
|
MAXLENGTH=chars (text, password)
|
|
CHECKED (radio, checkbox)
|
|
ONCLICK=string (button, radio, checkbox, edit)
|
|
<span class="red">TABINDEX=n
|
|
DISABLE</span>
|
|
<SELECT>...</SELECT>
|
|
NAME=string
|
|
MULTIPLE
|
|
SIZE=lines
|
|
OnClick
|
|
<OPTION>...(</OPTION>)
|
|
SELECTED
|
|
VALUE=string
|
|
<span class="red">TABINDEX=n
|
|
DISABLE</span>
|
|
<TEXTAREA>...</TEXTAREA>
|
|
NAME=string
|
|
ROWS=n
|
|
COLS=n
|
|
WRAP=off|soft|hard
|
|
OnClick
|
|
<span class="red">TABINDEX=n
|
|
DISABLE</span>
|
|
<OPTION>...</OPTION></PRE>
|
|
|
|
<P CLASS="heading"><A NAME="Character">Character Level Elements</A></P>
|
|
<PRE><BR>
|
|
CLEAR=left|right
|
|
<WBR>
|
|
<IMG>
|
|
SRC=image
|
|
ALT=string
|
|
ALIGN=top|middle|bottom|left|right
|
|
BORDER=<span class="red">n</span>
|
|
WIDTH=n,n%
|
|
HEIGHT=n,<span class="red">n%</span>
|
|
TRANSP (non-standard, Lower Left pixel defines transparent color
|
|
IMAGEMAP
|
|
USEMAP=url (local URL only)
|
|
HSPACE=n
|
|
VSPACE=n
|
|
ACTIVE
|
|
<span class="red"><OBJECT>...</OBJECT>
|
|
ALT=string
|
|
ALIGN=top|middle|bottom|left|right
|
|
WIDTH=n,n%
|
|
HEIGHT=n,n%
|
|
HSPACE=n
|
|
VSPACE=n
|
|
<PARAM>
|
|
NAME=string
|
|
VALUE=string</span></PRE>
|
|
|
|
<P CLASS="heading"><A NAME="Anchors">Anchors</A></P>
|
|
<PRE><A>...</A>
|
|
HREF=url
|
|
NAME=string
|
|
<span class="red">TABINDEX=n</span></PRE>
|
|
|
|
<P CLASS="heading"><A NAME="Maps">Client Side Image Maps</A></P>
|
|
<PRE><MAP>...</MAP>
|
|
NAME=string
|
|
<AREA>
|
|
SHAPE=RECT|CIRC|CIRCLE|POLY|POLYGON
|
|
COORDS="n1, n2, ...., nn"
|
|
HREF=url
|
|
NOHREF
|
|
<span class="red">TITLE=title</span>
|
|
</PRE>
|
|
|
|
<P CLASS="heading"><A NAME="Miscellaneous">Miscellaneous</A></P>
|
|
<PRE><Hn>...</Hn> n = 1..6
|
|
ALIGN=left|center|right
|
|
<HR>
|
|
SIZE=n
|
|
WIDTH=n|n%
|
|
COLOR=<A HREF="#colors">color</A>
|
|
ALIGN=left|center|right
|
|
NOSHADE
|
|
<BASEFONT>
|
|
SIZE=n (n=1..7) or SIZE=+-n (incremental change)
|
|
<BGSOUND>
|
|
SRC=filename
|
|
LOOP=n
|
|
<Span>
|
|
Style</PRE>
|
|
|
|
<P CLASS="heading"><A NAME="Frames"> Frame Syntax</A></P>
|
|
<PRE><FRAMESET>...</FRAMESET>
|
|
ROWS|COLS=n1, n2, .., nn (absolute, %, or *)
|
|
BORDER=n (Main FRAMSET only)
|
|
FRAMEBORDER=n (Main FRAMSET only)
|
|
<FRAME>
|
|
SRC=filename
|
|
NAME=windowname
|
|
SCROLLING=yes|no|auto
|
|
NORESIZE
|
|
MARGINHEIGHT=n
|
|
MARGINWIDTH=n
|
|
<NOFRAMES>...</NOFRAMES>
|
|
</PRE>
|
|
|
|
<P CLASS="heading"><A NAME="colors">Color Syntax</A></P>
|
|
<P>Color information may consist of a hexidecimal red, green, and blue value such as FF8000 or be one of the
|
|
following identifiers: </P>
|
|
<P STYLE="font-family: 'Courier New'; margin: 0 25px;"> Black, Maroon, Green, Olive, Navy, Purple, Teal, Gray,
|
|
Silver, Red, Lime, Yellow, Blue, Fuchsia, Aqua, white, Aliceblue, Antiquewhite, Aquamarine, Azure, Beige, Bisque,
|
|
Blanchedalmond, Blueviolet, Brown, Burlywood, Cadetblue, Chartreuse, Chocolate, Coral, Cornflowerblue, Cornsilk,
|
|
Crimson, Cyan, Darkblue, Darkcyan, Darkgoldenrod, Darkgray, Darkgreen, Darkkhaki, Darkmagenta, Darkolivegreen,
|
|
Darkorange, Darkorchid, Darkred, Darksalmon, Darkseagreen, Darkslateblue, Darkslategray, Darkturquoise,
|
|
Darkviolet, Deeppink, Deepskyblue, Dimgray, Dodgerblue, Firebrick, Floralwhite, Forestgreen, Gainsboro,
|
|
Ghostwhite, Gold, Goldenrod, Greenyellow, Honeydew, Hotpink, Indianred, Indigo, Ivory, Khaki, Lavender,
|
|
Lavenderblush, Lawngreen, Lemonchiffon, Lightblue, Lightcoral, Lightcyan, Lightgoldenrodyellow, Lightgreen,
|
|
Lightgrey, Lightpink, Lightsalmon, Lightseagreen, Lightskyblue, Lightslategray, Lightsteelblue, Lightyellow,
|
|
Limegreen, Linen, Magenta, Mediumaquamarine, Mediumblue, Mediumorchid, Mediumpurple, Mediumseagreen,
|
|
Mediumslateblue, Mediumspringgreen, Mediumturquoise, Mediumvioletred, Midnightblue, Mintcream, Mistyrose,
|
|
Moccasin, Navajowhite, Oldlace, Olivedrab, Orange, Orangered, Orchid, Palegoldenrod, Palegreen, Paleturquoise,
|
|
Palevioletred, Papayawhip, Peachpuff, Peru, Pink, Plum, Powderblue, Rosybrown, Royalblue, Saddlebrown, Salmon,
|
|
Sandybrown, Seagreen, Seashell, Sienna, Skyblue, Slateblue, Slategray, Snow, Springgreen, Steelblue, Tan, Thistle,
|
|
Tomato, Turquoise, Violet, Wheat, Whitesmoke, Yellowgreen,
|
|
|
|
<span class="red">background, activecaption, inactivecaption, menu, window,
|
|
windowframe, menutext, windowtext, captiontext, activeborder,
|
|
inactiveborder, appworkSpace, highlight, hightlighttext, buttonface,
|
|
buttonshadow, graytext, buttontext, inactivecaptiontext, buttonhighlight,
|
|
threeddarkshadow, threedlightshadow, infotext, infobackground, scrollbar,
|
|
threedface, threedhighlight, threedshadow.</span></p>
|
|
|
|
</BODY>
|
|
</HTML>
|
|
|