HTML Codes Quick Guide, The Saudi Network

<HTML> . . . </HTML>	Document border.
<HEAD> . . . </HEAD>	Document heading border.
<TITLE> . . . </TITLE>	Name of the page.
<BODY> . . . </BODY>	Document body border.
BODY attributes:
BGCOLOR= . . .	- Background color;
BACKGROUND= . . .	-Background file adress
TEXT= . . .	-Text color;
LINK= . . .	-Link Color;
VLINK= . . .	- Visited link color;
ALINK= . . .	- Active link color;
<! . . . >	-Used for comments;
How to use: <BODY bgcolor= f0ffff BACKGROUND= 31.jpg LINK= 880000 VLINK= 0a00ab ALINK= ffff00 >

Paragraphs:
<BR>	New line, next line.
<P>	New paragraph.
<PRE> . . . </PRE>	Used with preformated text.
<PRE WIDTH= . . . >	Width of line's (in pixels) of preformated text.
<SPACER> . . . </SPACER>	Use of spaces.
SPACER atributes:
TYPE=horizontal TYPE=vertical TYPE=block	- Type of empty block (hotisontal, vertical, block);
SIZE= . . .	- Size of empty block (in pixels);
WIDTH= . . . HEIGHT= . . .	- Width and height of empty block (in pixels);
ALIGN=left ALIGN=right ALIGN=center	- Alignment of empty block (left, right, center);
How to use: <SPACER TYPE=horizontal SIZE= 10 ALIGN=left> <SPACER TYPE=vertical SIZE= 10 > <SPACER TYPE=block WIDTH= 10 HEIGHT= 10 >
Headings:
<H1> . . . </H1>	First level heading.
<H2> . . . </H2>	Second level heading.
<H3> . . . </H3>	Third level heading.
<H4> . . . </H4>	Fourth level heading.
<H5> . . . </H5>	Fifth level heading.
<H6> . . . </H6>	Sixth level heading.
Deviders:
<HR>	Horisontal bar, full lenght
HR atributes:
SIZE= . . .	- HR Size (in pixels);
WIDTH= . . .	- HR Width (in pixels or in percent);
COLOR= . . .	- HR Color;
ALIGN=left ALIGN=right ALIGN=center	- HR Alignment (left, right, centr);
NOSHADE	- HR without 3D effects;
How to use: <HR COLOR= 008000 SIZE= 1 NOSHADE> <HR SIZE= 3 WIDTH= 50 ALIGN=right> <HR SIZE= 5 WIDTH= 50% ALIGN=�enter>

<BASEFONT SIZE= . . . >	Base font selection, From 1 to 7. ( If not mentioned - 3 ).
<BIG> . . . </BIG>	Text would be one size biger then base one.
<SMALL> . . . </SMALL>	Text would be one size smaller then base one.
<B> . . . </B>	Bold.
<I> . . . </I>	Italics.
<U> . . . </U>	Underlined.
<STRIKE> . . . </STRIKE>	~~Striketrough.~~
<TT> . . . </TT>	`Fixed type.`
<BLINK> . . . </BLINK>	Blinking type.
<SUB> . . . </SUB>	_{Text move down.}
<SUP> . . . </SUP>	^{Text move up.}
<FONT> . . . </FONT>	Color, size, face type.
FONT atributes:
COLOR= . . .	- color of the type;
FACE=type (Arial, Courier)	- face type ;
SIZE= . . .	- size of type (from 1 to 7)
How to use: <FONT SIZE= 2 FACE=ARIAL > <FONT SIZE= 2 COLOR= red >

<ADDRESS> . . . </ADDRESS>	Adress information.
<BLOCKQUOTE> . . . </BLOCKQUOTE>	Used for citation.
<CITE> . . . </CITE>	For reference (books, movies, etc) and citation.
<CODE> . . . </CODE>	`For parts of written software.`
<SAMP> . . . </SAMP>	`For software samples.`
<EM> . . . </EM>	Text point out.
<DFN> . . . </DFN>	Example of definition.
<KBD> . . . </KBD>	`Pointig out text, (tyeped in by the user).`
<DIV> . . . </DIV>	To make a division of text.
DIV atributes:
ALIGN=left ALIGN=right ALIGN=center	- To align the block (left,right,center)
List elements:
<LI>aaa <LI>bbb <LI>��	To make a list.
LIST atributes:
TYPE= CIRCLE/DISK/SQUARE	Type of element (circle, disk, square).
TYPE= A/a/I/i/1	Type of numbers/letters used (A/a, I/i, 1).
VALUE= n	Number to start with.
List with (without) order:
<UL> . . . </UL>	List with no order. aaa bbb ccc
<OL> . . . </OL>	List with order.. aaa bbb ccc
UL/OL atributes:
<UL COMPACT> . . . </UL>	List would be compact.
<UL TYPE= CIRCLE > . . . </UL>	It would make a circle. aaa bbb ccc
<UL TYPE= DISK > . . . </UL>	It would make a disk. aaa bbb ccc
<UL TYPE= SQUARE > . . . </UL>	It would make a square. aaa bbb ccc

<A HREF= �� >Hot spot</A>	Link with other page on server.
<A HREF= #name >Hot spot</A>	Link to the same page.
<A NAME= name >Hot spot</A>	Where to go on the same page.
<A HREF= Adress#name >Hot spot</A>	Link to some spot on other page, on the same server.
<A HREF= Adress >&ltIMG SRC= name ></A>	Active image link.
<A HREF= file://fname.mov > Hot spot </A>	Link to movie,image,audio file
A HREF Atributes
<A HREF= Adress TARGET= _TOP > Hot spot </A>	The page would open in the new browser window.
<A HREF=Adress TARGET= _top > Hot spot </A>	The page would load in the new window.
<A HREF= Adress TARGET= _BLANK > Hot spot </A>	The page would load in the empty window.
<A HREF= Adress TARGET= _SELF > Hot spot </A>	The page would load in the window, that has a link to it.
<A HREF= Adress TARGET= _PARENT > Hot spot </A>	Thw page would load in the window, that is the owner of rhe frameset.
<A HREF= Adress TARGET= Frame nameHot spotA>	The page would open in the spesified frame.

<TABLE>...</TABLE>	Table
<TH>...</TH>	Table heading
<CAPTION>...</CAPTION>	Table cpation
<TR>...</TR>	Table raw
<TD>...</TD>	Table cell
TABLE Atributes
BORDER	Table border
ALIGN	Horisontal alignment (left,right,center)
VALIGN	Vertical alignment (top,bottom,center)
NOWRAP	All charecters on the same line
COLSPAN	Number of cells together (horisontally)
ROWSPAN	Number of cells together (vertically)
COLSPEC	Fixed width of the cell

HTML Codes Quick Guide