= Beginner
= Average
= Advanced
Page opening
<HTML>
<HEAD>
</HEAD>
<BODY TEXT="#FFFFFF" BGCOLOR="#0000FF" LINK="#006030" VLINK="#9060E0" ALINK="#FF1493" BACKGROUND="Back.gif">
PAGE CONTENTS
</BODY>
</HTML>
Graphic options
Bold
Italic
Constant width
US paragraph
European paragraph
<BLOCKQUOTE> </BLOCKQUOTE>
Indices
Exponents
Striken
Underlined
Blinking
Centered
Font size
<FONT SIZE = "+n"> </FONT>
Font color
<FONT COLOR = "#RRGGBB"> </FONT>
Font type
<FONT FACE = "Arial,Helvetica"> </FONT>
Lines
<HR SIZE = "n" WIDTH = "t%" ALIGN = left/right>
Images
Source
<IMG SRC = "./image.gif" *options* >
Alternative text representation
Size
Alignment
* ALIGN = top/bottom/middle/left/right *
Alignment taking into account the text length
<BR CLEAR> put at the end of the text
Border
Spacing
* HSPACE = "dx" VSPACE = "dy" *
Mapped images
* USEMAP = "#mapname" *
...
<MAP NAME = "#mapname">
<AREA SHAPE = "RECT" HREF = "http://www.mysite.net/index.html#numero1"
COORDS = xmin,ymin xmax,ymax >
<AREA SHAPE = "CIRCLE" HREF = "http://www.mysite.net/index.html#numero2"
COORDS = xa,ya xb,yb >
<AREA SHAPE = "POLY" HREF = "http://www.mysite.net/index.html#numero3"
COORDS = x1,y1 x2,y2 x3,y3 x4,y4 >
</MAP>
Pointers
External reference to document
<A HREF = "http://www.mysite.net">my site name</A>
Acces point inside the document
<A NAME = "Acces">
...
<A HREF = "http://www.mysite.net/index.html#Acces">my access name</A>
Ordering facilities
Unordered lists
<UL TYPE = disc/circle/square>
</UL>
Ordered lists
<OL TYPE = A/a/I/i/1>
</OL>
Tables
Header
<TABLE *Options* > </TABLE>
Contour
Cellpadding
Spacing between cells
Dimensions
* WIDTH = "dx" HEIGHT = "dy" *
Background color
Lines
Columns
Columns titles
Expanding rows and columns
* COLSPAN = "nx" ROWSPAN = "ny" *
Width
Alignment
* ALIGN = top/bottom VALIGN "npix" *
Formulaires
Editing zone
<FORM METHOD="POST" ACTION="/cgi-bin/commande">
<INPUT TYPE = "text/radio/checkbox" NAME = "name" VALUE = "text" *Options* >
<SELECT NAME> <OPTION SELECTED> Name 1 <OPTION> Name 2 <OPTION> Name 3 </SELECT>
<TEXTAREA NAME="name" ROWS = nrows COLS = ncols> </TEXTAREA>
....
</FORM>
The *Option* can be CHECKED for the Input Radio type.
Frames
Header put in the *.html file replacing <BODY>...</BODY>
<FRAMESET ROWS = "npix/n%/* , ..." COLS = "npix/n%/* , ...">
<FRAME NAME = "area_name" SRC = "./frame1.html" SCROLLING = yes/no
MARGINWIDTH = "npixh" MARGINHEIGHT = "npixv" NORESIZE >
...
</FRAMESET>
Then create separate html files referenced with SRC = "xxx.html" tags,
one for every area defined above.
The name of each of these areas is used with tags like
<A HREF = "./subindex.html" TARGET = "area_name">
to send back the content of a new html file into one of the frames defined.
By default, the name of the main frame is _top. Using the name _TOP will lead to the creation of a new window.