html-tags
html-tags
1. Document Tags
<html>...</html>
<head>...</head>
<style>...</style>
<base>
href=base
<title>...</title>
<body>...</body>
background=bitmap
text=color
bgcolor=color
link=color
vlink=color
olink=color
marginwidth=n
marginheight=n
bgproperties=fixed
topmargin=n
leftmargin=n
<b>...</b>
<i>...</i>
<u>...</u>
<tt>...</tt>
<s>...</s>
<font>...</font>
size=n (n=1..7) or size=+-n (incremental change)
color=color
face=facename
<sub>...</sub>
<sup>...</sup>
<big>...</big>
<small>...</small>
<strike>...</strike>
<nobr>...</nobr>
3. Logical Phrase Markup Tags
<em>...</em>
<strong>...</strong>
<cite>...</cite>
<var>...</var>
<code>...</code>
<kbd>...</kbd>
<samp>...</samp>
4. Block Tags
<p>...(</p>)
align=left|center|right|justify
<address>...</address>
<blockquote>...</blockquote>
<pre>...</pre>
<center>...</center>
<div>...</div>
align=left|center|right|justify
5. Lists
<ol>...</ol>
start=value
type=1|a|a|i|i
<ul>...</ul>
plain
type=plain|none
<dir>...</dir>
<menu>...</menu>
<li>...(</li>)
value=n
6. Description List
<dl>...</dl>
<dd>...</dd>
<dt>...</dt>
7. Tables
<table>...<table>
border or border=n
align=left|center|right
cellspacing=value
cellpadding=value
width=n|n%
background=image
bgcolor=color
bordercolor=color
bordercolorlight=color
bordercolordark=color
hspace=n
vspace=n
height=n|n%
<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
<caption>...</caption>
align=top|bottom
<tr>...</tr>
valign=top|center|bottom
align=left|center|right
bgcolor=color
height=n
<th>...</th>, <td>...</td>
rowspan=n
colspan=n
width=n|n%
height=n
valign=top|center|bottom
align=left|center|right
bgcolor=color
nowrap
<thead><tbody><tfoot>
8. Forms
<form>...</form>
method=post|get
action=url
<input>...</input>
type=text|password|submit|reset|radio|checkbox|hidden|image|button|file
name=string
value=string
size=chars (text, password)
maxlength=chars (text, password)
checked (radio, checkbox)
onclick=string (button, radio, checkbox, edit)
tabindex=n
disable
<select>...</select>
name=string
multiple
size=lines
onclick
<option>...(</option>)
selected
value=string
tabindex=n
disable
<textarea>...</textarea>
name=string
rows=n
cols=n
wrap=off|soft|hard
onclick
tabindex=n
disable
<option>...</option>
<br>
clear=left|right
<wbr>
<img>
src=image
alt=string
align=top|middle|bottom|left|right
border=n
width=n,n%
height=n,n%
transp (non-standard, lower left pixel defines transparent color
imagemap
usemap=url (local url only)
hspace=n
vspace=n
active
10. Anchors
<a>...</a>
href=url
name=string
tabindex=n
<map>...</map>
name=string
<area>
shape=rect|circ|circle|poly|polygon
coords="n1, n2, ...., nn"
href=url
nohref
title=title
12. Miscellaneous
<hn>...</hn> n = 1..6
align=left|center|right
<hr>
size=n
width=n|n%
color=color
align=left|center|right
noshade
<basefont>
size=n (n=1..7) or size=+-n (incremental change)
<bgsound>
src=filename
loop=n
<span>
style
13. Color Syntax
Color information may consist of a hexadecimal red, green, and blue value such as
FF8000 or be one of the following identifiers:
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, 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.
14. Non-Standard
<page>
the <page> tag causes printing to end on the current page and a new page started.
it has no effect on the displayed document.
note: the <page> tag does not work correctly in documents which use css absolute
positioning. use the css page-break properties instead.
<!--#header file="filename.htm"-->
<!--#footer file="filename.htm"-->
these tags allow printing html files as headers or footers. learn more.
<!--#set_printerr="printer name or number"-->
this tag allow defining a different printer for each document, independently of the
printer set in the configuration file. learn more.
some special symbols are used to print page numbering and other special options, they
are entered as special tags in the html code:
<!--#c-->: will be replaced with current document title.
<!--#p-->: will be replaced with current document pathname+filename.
<!--#f-->: will be replaced with current document filename (without path).
<!--#d-->: will be replaced with current date.
<!--#h-->: will be replaced with current time.
Ref: http://www.bersoft.com