Web Design Reference Page

ASCII Chart • HTML Tags • Robots.txt • Meta Tags • Style Sheets • Demos • Links
IonZone Web Design Reference Page
intro paragraph here

RGB Color Selector

Click a color to unlock the color Selector. Use the checkboxes to select background or foreground. Click on a color to set that color as the background or foreground. Custom values (i.e. red or #ff0000) can be entered for either the background or foreground.

Background RGB Value

Foreground RGB Value

ASCII Character Reference Chart

Number	Char	Name	Description
&#1-32			control characters (unused)
!	!		exclamation point
"	"	quot	quotation mark
#	#		number or pound sign
$	$		dollar sign
%	%		percent sign
&	&	amp	ampersand
'	'		apostrophe
(	(		left parenthesis
)	)		right parenthesis
*	*		asterisk
+	+		plus
,	,		comma
-	-		dash
.	.		period
/	/		backslash
&#48-57	0-9		numbers 0 through 9
:	:		colon
;	;		semicolon
<	<	lt	less-than sign
=	=		equals
>	>	gt	greater-than sign
?	?		question mark
@	@		at sign
&#65-90	A-Z		uppercase latin letters A through Z
[	[		left bracket
\	\		forward slash
]	]		right bracket
^	^		carat
_	_		underscore
`	`		grave accent
&#97-122	a-z		lowercase latin letters a through z
{	{		left curly bracket
\|	\|		Pipe
}	}		right curly bracket
~	~		tilde
			delete
	€	€	European currency symbol
			unused
	‚		non-standard, use &#sbquo;
	ƒ		non-standard, use &#fnof;
	„		non-standard, use &#bdquo;
	…		non-standard, use &#hellip;
	†		non-standard, use &#dagger;
	‡		non-standard, use &#Dagger
	ˆ		non-standard, use caret
	‰		non-standard, use percent sign
	Š		non-standard, use &#Scaron;
	‹		non-standard, use &#lt;
	Œ		non-standard, use &#OElig;
			unused
	Ž		non-standard
			unused
			unused
	‘		non-standard, use &#lsquo;
	’		non-standard, use &#rsquo;
	“		non-standard, use &#ldquo;
	”		non-standard, use &#rdquo;
	•		non-standard, use &#bull;
	–		non-standard, use &#ndash;
	—		non-standard, use &#mdash;
	˜		non-standard, use &#tilde;
	™		non-standard, use &#trade;
	š		non-standard, use &#scaron;
	›		non-standard, use &#gt;
	œ		non-standard, use &#oelig;
			unused
	ž		unused
	Ÿ		non-standard, use &#Yuml;
		nbsp	non breaking space
¡	¡	iexcl	inverted exclamation mark
¢	¢	cent	cent sign
£	£	pound	pound sign
¤	¤	curren	currency sign
¥	¥	yen	yen sign
¦	¦	brvbar	broken bar
§	§	sect	section sign
¨	¨	uml	diaeresis
©	©	copy	copyright sign
ª	ª	ordf	feminine ordinal indicator
«	«	laquo	left double angle quotation mark
¬	¬	not	not sign
		shy	soft hyphen
®	®	reg	registered sign
¯	¯	macr	macron
°	°	deg	degree sign
±	±	plusmn	plus-minus sign
²	²	sup2	superscript two
³	³	sup3	superscript three
´	´	acute	acute accent
µ	µ	micro	micro sign
¶	¶	para	pilcrow sign
·	·	middot	middle dot
¸	¸	cedil	cedilla
¹	¹	sup1	superscript one
º	º	ordm	masculine ordinal indicator
»	»	raquo	right double angle quotation mark
¼	¼	frac14	vulgar fraction one quarter
½	½	frac12	vulgar fraction one half
¾	¾	frac34	vulgar fraction three quarters
¿	¿	iquest	inverted question mark
À	À	Agrave	latin uppercase A with grave
Á	Á	Aacute	latin uppercase A with acute
Â	Â	Acirc	latin uppercase A with circumflex
Ã	Ã	Atilde	latin uppercase A with tilde
Ä	Ä	Auml	latin uppercase A with diaeresis
Å	Å	Aring	latin uppercase A with ring above
Æ	Æ	AElig	latin uppercase AE
Ç	Ç	Ccedil	latin uppercase C with cedilla
È	È	Egrave	latin uppercase E with grave
É	É	Eacute	latin uppercase E with acute
Ê	Ê	Ecirc	latin uppercase E with circumflex
Ë	Ë	Euml	latin uppercase E with diaeresis
Ì	Ì	Igrave	latin uppercase I with grave
Í	Í	Iacute	latin uppercase I with acute
Î	Î	Icirc	latin uppercase I with circumflex
Ï	Ï	Iuml	latin uppercase I with diaeresis
Ð	Ð	ETH	latin uppercase ETH
Ñ	Ñ	Ntilde	latin uppercase N with tilde
Ò	Ò	Ograve	latin uppercase O with grave
Ó	Ó	Oacute	latin uppercase O with acute
Ô	Ô	Ocirc	latin uppercase O with circumflex
Õ	Õ	Otilde	latin uppercase O with tilde
Ö	Ö	Ouml	latin uppercase O with diaeresis
×	×	times	multiplication sign
Ø	Ø	Oslash	latin uppercase O with stroke
Ù	Ù	Ugrave	latin uppercase U with grave
Ú	Ú	Uacute	latin uppercase U with acute
Û	Û	Ucirc	latin uppercase U with circumflex
Ü	Ü	Uuml	latin uppercase U with diaeresis
Ý	Ý	Yacute	latin uppercase Y with acute
Þ	Þ	thorn	latin uppercase THORN
ß	ß	szlig	latin lowercase sharp s
à	à	agrave	latin lowercase a with grave
á	á	aacute	latin lowercase a with acute
â	â	acirc	latin lowercase a with circumflex
ã	ã	atilde	latin lowercase a with tilde
ä	ä	auml	latin lowercase a with diaeresis
å	å	aring	latin lowercase a with ring above
æ	æ	aelig	latin lowercase ae
ç	ç	ccedil	latin lowercase c with cedilla
è	è	egrave	latin lowercase e with grave
é	é	eacute	latin lowercase e with acute
ê	ê	ecirc	latin lowercase e with circumflex
ë	ë	euml	latin lowercase e with diaeresis
ì	ì	igrave	latin lowercase i with grave
í	í	iacute	latin lowercase i with acute
î	î	icirc	latin lowercase i with circumflex
ï	ï	iuml	latin lowercase i with diaeresis
ð	ð	eth	latin lowercase eth
ñ	ñ	ntilde	latin lowercase n with tilde
ò	ò	ograve	latin lowercase o with grave
ó	ó	oacute	latin lowercase o with acute
ô	ô	ocirc	latin lowercase o with circumflex
õ	õ	otilde	latin lowercase o with tilde
ö	ö	ouml	latin lowercase o with diaeresis
÷	÷	divide	division sign
ø	ø	oslash	latin lowercase o with stroke,
ù	ù	ugrave	latin lowercase u with grave
ú	ú	uacute	latin lowercase u with acute
û	û	ucirc	latin lowercase u with circumflex
ü	ü	uuml	latin lowercase u with diaeresis
ý	ý	yacute	latin lowercase y with acute
þ	þ	thorn	latin lowercase thorn
ÿ	ÿ	yuml	latin lowercase y with diaeresis
Œ	Œ	OElig	latin capital ligature OE
œ	œ	oelig	latin small ligature oe
Š	Š	Scaron	latin uppercase S with caron
š	š	scaron	latin lowercase s with caron
Ÿ	Ÿ	Yuml	latin uppercase Y with diaeresis
ˆ	ˆ	circ	modifier letter circumflex accent
˜	˜	tilde	small tilde
ƒ	ƒ	fnof	latin small f with hook
Γ	Γ	Gamma	greek uppercase gamma
Δ	Δ	Delta	greek uppercase delta
Θ	Θ	Theta	greek uppercase theta
Λ	Λ	Lambda	greek uppercase lambda
Ξ	Ξ	Xi	greek uppercase xi
Π	Π	Pi	greek uppercase pi
Σ	Σ	Sigma	greek uppercase sigma
Υ	Υ	Upsilon	greek uppercase upsilon
Φ	Φ	Phi	greek uppercase phi
Ψ	Ψ	Psi	greek uppercase psi
Ω	Ω	Omega	greek uppercase omega
α	α	alpha	greek lowercase alpha
β	β	beta	greek lowercase beta
γ	γ	gamma	greek lowercase gamma
δ	δ	delta	greek lowercase delta
ε	ε	epsilon	greek lowercase epsilon
ζ	ζ	zeta	greek lowercase zeta
η	η	eta	greek lowercase eta
θ	θ	theta	greek lowercase theta
ι	ι	iota	greek lowercase iota
κ	κ	kappa	greek lowercase kappa
λ	λ	lambda	greek lowercase lambda
μ	μ	mu	greek lowercase mu
ν	ν	nu	greek lowercase nu
ξ	ξ	xi	greek lowercase xi
ο	ο	omicron	greek lowercase omicron
π	π	pi	greek lowercase pi
ρ	ρ	rho	greek lowercase rho
ς	ς	sigmaf	greek lowercase final sigma
σ	σ	sigma	greek lowercase sigma
τ	τ	tau	greek lowercase tau
υ	υ	upsilon	greek lowercase upsilon
φ	φ	phi	greek lowercase phi
χ	χ	chi	greek lowercase chi
ψ	ψ	psi	greek lowercase psi
ω	ω	omega	greek lowercase omega
ϑ	ϑ	thetasym	greek lowercase theta symbol
ϒ	ϒ	upsih	greek upsilon with hook symbol
ϖ	ϖ	piv	greek pi symbol
		ensp	en space
		emsp	em space
		thinsp	thin space
‌	‌	zwnj	zero width non-joiner
‍	‍	zwj	zero width joiner
‎	‎	lrm	left-to-right mark
‏	‏	rlm	right-to-left mark
–	–	ndash	en dash
—	—	mdash	em dash
‘	‘	lsquo	left single quotation mark
’	’	rsquo	right single quotation mark
‚	‚	sbquo	single low-9 quotation mark
“	“	ldquo	left double quotation mark
”	”	rdquo	right double quotation mark
„	„	bdquo	double low-9 quotation mark
†	†	dagger	dagger
‡	‡	Dagger	double dagger
•	•	bull	bullet
…	…	hellip	horizontal ellipsis
‰	‰	permil	per mille sign
′	′	prime	prime
″	″	Prime	double prime
‹	‹	lsaquo	single left angle quotation
›	›	rsaquo	single right angle quotation
‾	‾	oline	overline
⁄	⁄	frasl	fraction slash
€	€	euro	euro sign
℘	℘	weierp	script capital P
ℑ	ℑ	image	blackletter capital I
ℜ	ℜ	real	blackletter capital R
™	™	trade	trade mark sign
ℵ	ℵ	alefsym	alef symbol
←	←	larr	leftwards arrow
→	→	rarr	rightwards arrow
↓	↓	darr	downwards arrow
↔	↔	harr	left right arrow
↵	↵	crarr	down arrow with corner left
⇐	⇐	lArr	leftwards double arrow
⇑	⇑	uArr	upwards double arrow
⇒	⇒	rArr	rightwards double arrow
⇓	⇓	dArr	downwards double arrow
⇔	⇔	hArr	left right double arrow
∀	∀	forall	for all
∂	∂	part	partial differential
∃	∃	exist	there exists
∅	∅	empty	empty set
∇	∇	nabla	nabla
∈	∈	isin	element of
∉	∉	notin	not an element of
∋	∋	ni	contains as member
∏	∏	prod	n-ary product
∑	∑	sum	n-ary sumation
−	−	minus	minus sign
∗	∗	lowast	asterisk operator
√	√	radic	square root
∝	∝	prop	proportional to
∞	∞	infin	infinity
∠	∠	ang	angle
∧	∧	and	logical and
∨	∨	or	logical or
∩	∩	cap	intersection
∪	∪	cup	union
∫	∫	int	integral
∴	∴	there4	therefore
∼	∼	sim	tilde operator
≅	≅	cong	approximately equal to
≈	≈	asymp	almost equal to
≠	≠	ne	not equal to
≡	≡	equiv	identical to
≤	≤	le	less-than or equal to
≥	≥	ge	greater-than or equal to
⊂	⊂	sub	subset of
⊃	⊃	sup	superset of
⊄	⊄	nsub	not a subset of
⊆	⊆	sube	subset of or equal to
⊇	⊇	supe	superset of or equal to
⊕	⊕	oplus	circled plus
⊗	⊗	otimes	circled times
⊥	⊥	perp	up tack
⋅	⋅	sdot	dot operator
⌈	⌈	lceil	left ceiling
⌉	⌉	rceil	right ceiling
⌊	⌊	lfloor	left floor
⌋	⌋	rfloor	right floor
〈	〈	lang	left-pointing angle bracket
〉	〉	rang	right-pointing angle bracket
◊	◊	loz	lozenge
♠	♠	spades	black spade suit
♣	♣	clubs	black club suit
♥	♥	hearts	black heart suit
♦	♦	diams	black diamond suit

HTML Tag Reference Chart

Head • Text • Link • Formatting • Image • Table • Frame • Form

Sizzling Jalfrezi

Document Tags

<html>head & body tags here</html>

<head>head tags here</head>

<body bgcolor=? text=? link=? vlink=? alink=? background=? bgproperties="fixed" leftmargin=? rightmargin=? topmargin=? bottommargin=? marginheight=? marginwidth=?>page content here</body>

Head Tags

title here

name=? content=?

show me more meta tag info

type="text/css"

ebedded style sheet

show me more stylesheet info

href="URL" target=?

Text Tags

bold text

alternate italics text

face=? size=1-7 color=?

align="left/center/right"

1 is the biggest

italics text

preformatted fixed width font text

line through text

alternate bold text

subscripted text

superscripted text

fixed width font text

underlined text

Link Tags

href="URL" target=? title=?

href="mailto:email@address.com"

Demo

name="name"

href="#name"

Formatting Tags

indents enclosed content

line break

centers enclosed content

align="left/center/right"

paragraph tag

type="text/javascript" language="JavaScript"

usually goes in the head tag

Image and HR Tags

src="name" align="left/right/center" border=# height=# width=# hspace=# vspace=# alt=?

size=# width=# align=? color=? noshade

Table Tags

border=# cellspacing=# cellpadding=# width=# align=? bgcolor=?

all tr, th & td tags here

align=? valign=? bgcolor=?

align=? valign=? width=# height=# colspan=# rowspan=# bgcolor=? nowrap

align=? valign=? bgcolor=?

Frame Tags

rows="#,#" cols="#,#" frameborder=# framespacing=#

all frame tags here

src="URL" name=? marginwidth=# marginheight=# scrolling=? noresize

src="URL" height=# width=# hspace=# vspace=# align=? border=# scrolling=?

Form Tags

name=? action=? method="get/post"

all input, select & textarea tags here

type="checkbox" name=? value=? checked

type="radio" name=? value=? checked

type="text" name=? value=? size=# maxlength=#

type="password" name=? size=# maxlength=#

type="hidden" name=? value=#

type="button" name=? value=?

type="file" name=? size=# maxlength=# accept="mime type"

type="submit" value=?

type="image" border=# name=? src="name.gif"

type="reset"

type=? disabled

'disabled' is for any input type

name=? size=# multiple

option tags here

value=? selected

name=? cols=# rows=# wrap="hard/soft" maxlength=#

default text area value here

Cascading Style Sheets (CSS)

goes in the head tag

rel="stylesheet" href="file.css" type="text/css"

p {font-family:Arial,Tahoma; font-size:9pt}
h1 {color:#ff0000; text-decoration:underline}

go in the head tag

type="text/css"

View the source

go inside other html tags

text

Meta Tag Reference

View the source

Meta tag list

Robots.txt File

This file will always be located in the root directory

# robots.txt for http://www.domain.com/

User-agent: *
Disallow: /cgi-bin/
Disallow: /private/admin.html

User-agent: Slurp
Disallow: /

Find out more about the Robots.txt file.

Links

Sizzling Jalfrezi (html)

JavaScript Demos

All original material on this site is Copyright © 2002 by IonZone Internet Services. No material from this site may be mirrored, redistributed, archived or transmitted without the copyright holder's express written consent.