Web Stuff

Here are some things for Web Development

This site was/is developed/maintained in "SiteGenWiz" from http://www.enersoft.ch. It is a free program and combines the best of both worlds, both worlds meaning it has a WYSIWYG(what ya see is what ya get) editor and you can also get in the HTML code and tweak it the way you want. It has a very simple way to create the menu and maintain pages. Then when your done you publish your website to wherever it's hosted. The biggest thing I like about it is its maintainability, it's pretty much like a word processor. Sure it has some quarks and you can't get real fancy, but if your website is for information and a little pizzazz then it's pretty good.

There are links at the top that do different cool things in your browser.

Be careful when designing your page, not all code will work in all types of browsers...not everyone runs the lastest version of Microsoft Internet Explorer(MSIE)....some have previous versions of MSIE, Netscape, Firefox(Mozilla), Opera, Safari (MAC...don't forget those MAC users)...Bill has a pretty good market share, but not all. 

Lastest catch word is DOM (document object model), which is the lastest standardization of HTML. 

I prefer Firefox(FF for short) http://www.mozilla.com/firefox/ for a couple reasons:

• browser stats -
  • http://www.upsdell.com/BrowserNews/stat.htm
  • http://www.w3schools.com/browsers/browsers_stats.asp 
  • http://www.doctor-html.com/agent_stats/
• browser stats and more - http://en.wikipedia.org/wiki/Web_browser
• page sizing - http://www.tashian.com/htmlguide/sizes.html
• META Tags explained - http://searchenginewatch.com/2167931
• connection speed tests
  • http://myspeed.visualware.com/index.html
  • http://www.speedtest.net/
  • http://www.tracert.org/bandwidth_meter/
  • http://testmy.net/
• Tools
  • whole website developer/maintainer (free) - http://www.enersoft.ch
  • single page editor WYSIWYG/Source (free) - www.nvu.com
• Server
  • Free and Small: Abyss Web Server - http://www.aprelium.com/
• Menu
  • simple CSS rollover menu - http://www.therotunda.net/code/rollover-buttons-css.html
  • all kind of CSS menus - http://www.cssplay.co.uk/index.html

• Quick Reference
• Just Starting
• Graphics
• Code And Scripts
• Hide email address from Webbots
• Browser Color Codes

Quick Reference

all codes - http://www.web-source.net/html_codes_chart.htm

Basic Text stuff - all these need to have and ending tag

Sentence formatting

Indent - <blockquote>This is indent</blockquote>

This is indent

Indent without top and bottom spacing - <div style="margin-left:5%">

This is indented at 5%

Center - <center>This is center</center>
This is center

Line Break - <br> this will force a linebreak <br> where you put it
this will force a linebreak
where you put it

Force space(s) - &nbsp  this will fo&nbsp&nbsprce 2 spaces (usually use it at the beginning of a sentence to somewhat indent or to put multiple spaces b/c your browser takes out the extra spaces)
this will fo  rce 2 spaces

Bullet - <li>  this is not part of a list (be careful, it will put empty lines above and below)

this is not part of a list

this is another one

Unformatted Text (inside a sentence) - <code>this is unformatted</code>
this is unformatted

Unformatted Text (block of code) - <pre>this is unformatted</pre>

this is unformatted, you can type anything in here 
except for less than, greater than, and ampersand characters. It will also not put in line breaks.
This is good for dropping computer code into that a browser might mess up the formatted lines.

Lists

Unordered information (basically bulleted) <ul>

---startcode---
<ul>
<li>item1
<li>item2
<ul>
<li>item2a
<li>item2b
<li>item2c
</ul>
<li>item3
</ul>
---endcode---

• item1
• item2
  • item2a
  • item2b
  • item2c
• item3

Ordered information  (actual numbers) <ol>

---startcode---
<ol>
<li>item1
<li>item2
<ol>
<li>item2a
<li>item2b
<li>item2c
</ol>
<li>item3
</ol>
---endcode---

1. item1
2. item2
   1. item2a
   2. item2b
   3. item2c
3. item3

Definitions (bolded header with description underneath) <dl>

<dl> - definition list (needs an ending tag)

<dt> - definition term

<dd> - definition

---startcode---
<dl>
<dt>Test
<dd>Testing or experimentation is part of the scientific method, to verify or falsify an 
    already formed expectation with an observation.
<dt>Experiment
<dd>set of actions and observations, performed to verify or falsify a hypothesis or 
    research a causal relationship between phenomena.
</dl>
---end---

Test

Testing or experimentation is part of the scientific method, to verify or falsify an already formed expectation with an observation.

Experiment

set of actions and observations, performed to verify or falsify a hypothesis or research a causal relationship between phenomena.

Tables

<table> - define table (needs closing </table>)

<th> - define header (this basically bolds the cell)

<tr> - define row

<td> - define cell

Inside the <table> tag your probably gonna use a couple different attributes

width = percentage and pixels <table width="90%"> defines 90% of the area (if you leave % off it assumes pixels)

font size = set font size <table style="font-size: 12pt"> defines font at 12pt

font color = set font color <table style="color: #00FF00"> defines font green

border = on or off <table border=0> defines no border (default is border 1 this is pixels) can go less than 1, like .01

align = left,center,right <table align=center> defines table to center (be careful of left and right, other stuff will crowd around)

cellpadding - sets the spacing between the data inside the cell and its border, cellpadding=3 is pretty good

need all borders to show? do <table rules="all"> (if you dont have this an empty cell won't have a border

background color - bgcolor="somecolor" can go in almost any tag <table> <tr> <td>

good starting point for table - <TABLE style="font-size: 8pt" cellSpacing=.01 width="98%" border=.5>

Inside the <TD>(table data cell) tag or <TH>(table header cell) tag your probably gonna use a couple different attributes

width = percentage and pixels <td width="25%"> defines a cell/column of 25% of the table (if you leave % off it assumes pixels)

column span = to span over multiple columns <td colspan=2> defines a cell to go over immediate column and the next

---startcode---
<TABLE border=1>
<CAPTION>A test table with merged cells</CAPTION>
<TBODY>
<TR>
<TH rowSpan=2>
<TH colSpan=2>Average
<TH rowSpan=2>Red<BR>eyes
<TR>
<TH>height
<TH>weight
<TR><TH>Males
<TD>1.9
<TD>0.003
<TD>40%
<TR>
<TH>Females
<TD>1.7
<TD>0.002
<TD>43%
</TR>
</TBODY>
</TABLE>
</pre>
---endcode---

A test table with merged cells

	Average		Red eyes
	height	weight
Males	1.9	0.003	40%
Females	1.7	0.002	43%

Elements (lines, pictures, links)

• Positional Tag -
  • <a name=spotonpage> place where you want to postion to
  • <A href="#spotonpage"> the link that takes you there or you can use <A href="http://www.somesite.com/page.html#spotonpage">
• Horizontal line - <HR width 40% color="ff8040" align=center> defines a orange horizontal line of 40% of the area and centered
  

  ---

• Picture/Image - <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/tsmileys/c.gif"> defines an image linked from another place on the web (be careful with placement, it takes the whole line unless you use "align=" sometimes you might use a table to format everything properly) 
  
• Picture/Image resized -
  ***notice if you leave out length or width the browser keeps aspect ratio  
  you can also make it bigger than actual size
  Original at 192x144pixels <img src="..\userfiles\deeronpole2.jpg">
  Reduced to 100pixels <img src="..\userfiles\deeronpole2.jpg" width=100">
  
• Link Text - <a href="http://www.yahoo.com">Click here for Yahoo</a>
  Click here for Yahoo
• Link to opening a new window add target="blank" - <a href="http://www.yahoo.com" target="_blank">Click here for Yahoo</a>
• Link Image - <a href="http://www.yahoo.com"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/tsmileys/c.gif border=0"></a>
  
• Link another HTML document in iframe -

  <IFRAME align=center src="somehtmlfile.htm" frameBorder=1 width="90%" height="90%"></IFRAME>

  src	Specified the URL of the document to be displayed in the frame. src="FileName.html"
  name	Specifies the name of the frame for the purpose of linking and targeting. name="MyIframe"
  width height	Specifies the width/height of the iframe space in pixels or percentages. width="200" height="100"
  align	Aligns the iframe to the left, center, or right side of the page. align="center"
  noresize	Kills the visitors ability to resize the iframe borders manually. noresize="noresize"
  scrolling	Indicates the ability of a scrollbar to appear (or not) with a value of yes, no, or auto. scrolling="auto"
  frameborder	Carries a value of 0 or 1 depending if you want a border to appear around the iframe or not. frameborder="1"
  marginwidth marginheight	Specifies the width/height of the margin in pixels. marginwidth="1" marginheight="1"
  vspace hspace	Specifies the verticle/horizontal margin space in pixels. vspace="1" hspace="1"

  
  
• Relative URL resolution -
  This is to let you define stuff without coding the whole path like

  <IMG src="../directory/directory1/picture.gif">

  Here is the example:

   
  <BASE href=http://someurl.com/directory> 
  <BASE href=http://www.nasa.gov/templateimages>

• ftp url with username and password
  ftp://username:password@ftp.somedomain.com

Just Starting

Good starts to doing HTML:

• http://archive.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimerAll.html
• Official HTML specifications - http://www.w3.org/TR/html4/
• Tutorials/Tips and Tricks -
  • www.htmldog.com
  • www.w3schools.com
• Reference - http://mrpip.orcon.net.nz/href/htmlref.html

 

Easy way to start learning HTML:

• Built-In (probably already on your system)
  • use Outlook Express - type up your email with formatting and such, then look at the source. To turn the source view on: when creating the email goto "View", "Source Edit" and click the "source" tab at bottom and look at the tags and such in the code.
  • use Word 97 - type up your document, then do a "Save As HTML". Then once it saves, and it shows you a different view you can hit "View", "HTML source" and look at the code. Be careful on some of the Word tagging, some browsers don't support their tagging.
  • BOTH these put alot of unneeded fluff junk code(especially word) in there but they are good ways to learn to code HTML.
• Applications/HTML Editors 
  • Nvu - www.nvu.com - awesome single page WYSIWYG(what you see is what you get) editor, with source view, preview, tag view...very clean code also. This is an open source program, meaning it's free. There is also a Linux version availble...and a Mac too. I have tried probably 20 different editors and this is the best of both worlds plus more, WYSIWYG is good for quick entry but sometimes those editors just mess it up and you know what the code needs to be so change it. It also has a cool tag view screen that shows you visually how many tags deep you are.
  • My opinions of some packages
    • HotDog - not WYSIWYG, not project oriented, not menu oriented
    • SiteXpert - creates site map, search, and allows create of DHTML menu
    • AceHTML - HTML editor, nice package though with tools to build things
    • CoffeeCup - HTML editor, kinda like Ace with tools to build cool thing, kind of a project editor. had a cool DHTML menu.
    • CuteHTML - HTML editor, similar to Ace & coffee, has really cool tag properties window to help with html
    • Cool Page - WYSIWYG editor, but no source view, no tools to build menu or anything
    • 1st Page 2000 - HTML editor, similar to Ace, Coffee, CuteHTML
    • ActualDraw - WYSIWYG editor, no source, just a page producer, no project, no menu, hard to use
    • NVu - WYSIWYG editor with source view, individual page editor...AWESOME

 

Need to setup your Road Runner Homepage click here

 

Web-Hosting services

• www.hostdiscount.net
• www.mydomain.com
• www.icdsoft.com

Web-Forwarding Services

• www.mydomain.com
  • create account, then create/register your domain name
  • you have to kind "buy" the "domain tools bundle", its free but you have to go through like your buying it
  • to do the forwarding of the name and email addresses:
    • login to www.mydomain.com
    • on the main account page click on the "My Domains" tab
    • in the list click on WhateverDomainYourCreated.COM (there might only be one in list)
    • toward the bottom there is "Other Services", which now has
      • "URL Forwarding" - which that is where your gonna put where the real site is located 
      • "Email Forwarding" - which is where your gonna make email addresses of whatever@WhateverDomainYourCreated.COM
    • URL Forwarding
      • click "Manage" from the "Domain Details" page
      • in destination put http://therealplace.thatwebpageislocated.com ex: http://eteamz.active.com/MonroeLadySwarm
      • click submit then continue
      • once you have hit continue it returns to the URL Forwarding screen, scroll down a little and look for "Back to Domain Detail" (its in small print and not obvious)
      • this change will take like 24 hours to propagate around to all the name servers(DNS) in the world (actually around 4hrs)
    • Mail Forwarding
      • click "Mangage" from the from the "Domain Details" page
      • "Alias" side: put in whatever email address you want like President or Bond007 or WebDude. ***NOTE- you can delete/change/add more these at anytime, and i wouldnt do the "catch-all" b/c you will get too much crap from web combers
      • "Forward To" side: put in the legitimate(or real) email address you want those emails to be forwarded to
      • after each one, click "Update", then "continue"
      • these changes are almost instanteous if the "URL Forwarding" (above) has been in for 24hrs

Graphics

• www.uselessgraphics.com - good
• www.animationlibrary.com - lotsa good 3D ones
• www.bellsandwhistles.com - a little old but cool
• www.gifanimations.com - annoying to search, but good ones

Code and Scripts

• JavaScripts - http://www.geocities.com/SiliconValley/7116/
• DHTML - www.dynamicdrive.com
• Free Content - www.freesticky.com

Hide email addresses from webbots

<script language="JavaScript"><!--
var zname = "someguy";
var zdomain = "somewhere.com";
document.write('<a href=\"mailto:' + zname + '@' + zdomain + '\">');
document.write(zname + '@' + zdomain + '</a>');
// --></script>

Mathematical, Greek and Symbolic characters for HTML

from - http://www.w3.org/TR/REC-html40/sgml/entities.html

34	quot	"	quotation mark = APL quote
38	amp	&	ampersand
60	lt	<	less-than sign
62	gt	>	greater-than sign
160	nbsp		no-break space = non-breaking space
161	iexcl	¡	inverted exclamation mark
162	cent	¢	cent sign
163	pound	£	pound sign
164	curren	¤	currency sign
165	yen	¥	yen sign = yuan sign
166	brvbar	¦	broken bar = broken vertical bar
167	sect	§	section sign
168	uml	¨	diaeresis = spacing diaeresis
169	copy	©	copyright sign
170	ordf	ª	feminine ordinal indicator
171	laquo	«	left-pointing double angle quotation mark = left pointing guillemet
172	not	¬	not sign
173	shy	­	soft hyphen = discretionary hyphen
174	reg	®	registered sign = registered trade mark sign
175	macr	¯	macron = spacing macron = overline = APL overbar
176	deg	°	degree sign
177	plusmn	±	plus-minus sign = plus-or-minus sign
178	sup2	²	superscript two = superscript digit two = squared
179	sup3	³	superscript three = superscript digit three = cubed
180	acute	´	acute accent = spacing acute
181	micro	µ	micro sign
182	para	¶	pilcrow sign = paragraph sign
183	middot	·	middle dot = Georgian comma = Greek middle dot
184	cedil	¸	cedilla = spacing cedilla
185	sup1	¹	superscript one = superscript digit one
186	ordm	º	masculine ordinal indicator
187	raquo	»	right-pointing double angle quotation mark = right pointing guillemet
188	frac14	¼	vulgar fraction one quarter = fraction one quarter
189	frac12	½	vulgar fraction one half = fraction one half
190	frac34	¾	vulgar fraction three quarters = fraction three quarters
191	iquest	¿	inverted question mark = turned question mark
192	Agrave	À	latin capital letter A with grave = latin capital letter A grave
193	Aacute	Á	latin capital letter A with acute
194	Acirc	Â	latin capital letter A with circumflex
195	Atilde	Ã	latin capital letter A with tilde
196	Auml	Ä	latin capital letter A with diaeresis
197	Aring	Å	latin capital letter A with ring above = latin capital letter A ring
198	AElig	Æ	latin capital letter AE = latin capital ligature AE
199	Ccedil	Ç	latin capital letter C with cedilla
200	Egrave	È	latin capital letter E with grave
201	Eacute	É	latin capital letter E with acute
202	Ecirc	Ê	latin capital letter E with circumflex
203	Euml	Ë	latin capital letter E with diaeresis
204	Igrave	Ì	latin capital letter I with grave
205	Iacute	Í	latin capital letter I with acute
206	Icirc	Î	latin capital letter I with circumflex
207	Iuml	Ï	latin capital letter I with diaeresis
208	ETH	Ð	latin capital letter ETH
209	Ntilde	Ñ	latin capital letter N with tilde
210	Ograve	Ò	latin capital letter O with grave
211	Oacute	Ó	latin capital letter O with acute
212	Ocirc	Ô	latin capital letter O with circumflex
213	Otilde	Õ	latin capital letter O with tilde
214	Ouml	Ö	latin capital letter O with diaeresis
215	times	×	multiplication sign
216	Oslash	Ø	latin capital letter O with stroke = latin capital letter O slash
217	Ugrave	Ù	latin capital letter U with grave
218	Uacute	Ú	latin capital letter U with acute
219	Ucirc	Û	latin capital letter U with circumflex
220	Uuml	Ü	latin capital letter U with diaeresis
221	Yacute	Ý	latin capital letter Y with acute
222	THORN	Þ	latin capital letter THORN
223	szlig	ß	latin small letter sharp s = ess-zed
224	agrave	à	latin small letter a with grave = latin small letter a grave
225	aacute	á	latin small letter a with acute
226	acirc	â	latin small letter a with circumflex
227	atilde	ã	latin small letter a with tilde
228	auml	ä	latin small letter a with diaeresis
229	aring	å	latin small letter a with ring above = latin small letter a ring
230	aelig	æ	latin small letter ae = latin small ligature ae
231	ccedil	ç	latin small letter c with cedilla
232	egrave	è	latin small letter e with grave
233	eacute	é	latin small letter e with acute
234	ecirc	ê	latin small letter e with circumflex
235	euml	ë	latin small letter e with diaeresis
236	igrave	ì	latin small letter i with grave
237	iacute	í	latin small letter i with acute
238	icirc	î	latin small letter i with circumflex
239	iuml	ï	latin small letter i with diaeresis
240	eth	ð	latin small letter eth
241	ntilde	ñ	latin small letter n with tilde
242	ograve	ò	latin small letter o with grave
243	oacute	ó	latin small letter o with acute
244	ocirc	ô	latin small letter o with circumflex
245	otilde	õ	latin small letter o with tilde
246	ouml	ö	latin small letter o with diaeresis
247	divide	÷	division sign
248	oslash	ø	latin small letter o with stroke, = latin small letter o slash
249	ugrave	ù	latin small letter u with grave
250	uacute	ú	latin small letter u with acute
251	ucirc	û	latin small letter u with circumflex
252	uuml	ü	latin small letter u with diaeresis
253	yacute	ý	latin small letter y with acute
254	thorn	þ	latin small letter thorn with
255	yuml	ÿ	latin small letter y with diaeresis
338	OElig	Œ	latin capital ligature OE
339	oelig	œ	latin small ligature oe ligature is a misnomer, this is a separate character in some languages
352	Scaron	Š	latin capital letter S with caron
353	scaron	š	latin small letter s with caron
376	Yuml	Ÿ	latin capital letter Y with diaeresis
402	fnof	ƒ	latin small f with hook = function = florin
710	circ	ˆ	modifier letter circumflex accent
732	tilde	˜	small tilde
913	Alpha	Α	greek capital letter alpha
914	Beta	Β	greek capital letter beta
915	Gamma	Γ	greek capital letter gamma
916	Delta	Δ	greek capital letter delta
917	Epsilon	Ε	greek capital letter epsilon
918	Zeta	Ζ	greek capital letter zeta
919	Eta	Η	greek capital letter eta
920	Theta	Θ	greek capital letter theta
921	Iota	Ι	greek capital letter iota
922	Kappa	Κ	greek capital letter kappa
923	Lambda	Λ	greek capital letter lambda
924	Mu	Μ	greek capital letter mu
925	Nu	Ν	greek capital letter nu
926	Xi	Ξ	greek capital letter xi
927	Omicron	Ο	greek capital letter omicron
928	Pi	Π	greek capital letter pi
929	Rho	Ρ	greek capital letter rho there is no Sigmaf, and no U+03A2 character either
931	Sigma	Σ	greek capital letter sigma
932	Tau	Τ	greek capital letter tau
933	Upsilon	Υ	greek capital letter upsilon
934	Phi	Φ	greek capital letter phi
935	Chi	Χ	greek capital letter chi
936	Psi	Ψ	greek capital letter psi
937	Omega	Ω	greek capital letter omega
945	alpha	α	greek small letter alpha
946	beta	β	greek small letter beta
947	gamma	γ	greek small letter gamma
948	delta	δ	greek small letter delta
949	epsilon	ε	greek small letter epsilon
950	zeta	ζ	greek small letter zeta
951	eta	η	greek small letter eta
952	theta	θ	greek small letter theta
953	iota	ι	greek small letter iota
954	kappa	κ	greek small letter kappa
955	lambda	λ	greek small letter lambda
956	mu	μ	greek small letter mu
957	nu	ν	greek small letter nu
958	xi	ξ	greek small letter xi
959	omicron	ο	greek small letter omicron
960	pi	π	greek small letter pi
961	rho	ρ	greek small letter rho
962	sigmaf	ς	greek small letter final sigma
963	sigma	σ	greek small letter sigma
964	tau	τ	greek small letter tau
965	upsilon	υ	greek small letter upsilon
966	phi	φ	greek small letter phi
967	chi	χ	greek small letter chi
968	psi	ψ	greek small letter psi
969	omega	ω	greek small letter omega
977	thetasym	ϑ	greek small letter theta symbol
978	upsih	ϒ	greek upsilon with hook symbol
982	piv	ϖ	greek pi symbol
8194	ensp		en space
8195	emsp		em space
8201	thinsp		thin space
8204	zwnj	‌	zero width non-joiner
8205	zwj	‍	zero width joiner
8206	lrm	‎	left-to-right mark
8207	rlm	‏	right-to-left mark
8211	ndash	–	en dash
8212	mdash	—	em dash
8216	lsquo	‘	left single quotation mark
8217	rsquo	’	right single quotation mark
8218	sbquo	‚	single low-9 quotation mark
8220	ldquo	“	left double quotation mark
8221	rdquo	”	right double quotation mark
8222	bdquo	„	double low-9 quotation mark
8224	dagger	†	dagger
8225	Dagger	‡	double dagger
8226	bull	•	bullet = black small circle bullet is NOT the same as bullet operator
8230	hellip	…	horizontal ellipsis = three dot leader
8240	permil	‰	per mille sign
8242	prime	′	prime = minutes = feet
8243	Prime	″	double prime = seconds = inches
8249	lsaquo	‹	single left-pointing angle quotation mark lsaquo is proposed but not yet ISO standardized
8250	rsaquo	›	single right-pointing angle quotation mark rsaquo is proposed but not yet ISO standardized
8254	oline	‾	overline = spacing overscore
8260	frasl	⁄	fraction slash
8364	euro	€	euro sign
8465	image	ℑ	blackletter capital I = imaginary part
8472	weierp	℘	script capital P = power set = Weierstrass p
8476	real	ℜ	blackletter capital R = real part symbol
8482	trade	™	trade mark sign
8501	alefsym	ℵ	alef symbol = first transfinite cardinal alef symbol is NOT the same as hebrew letter alef, U+05D0 although the same glyph could be used to depict both characters
8592	larr	←	leftwards arrow
8593	uarr	↑	upwards arrow
8594	rarr	→	rightwards arrow
8595	darr	↓	downwards arrow
8596	harr	↔	left right arrow
8629	crarr	↵	downwards arrow with corner leftwardsc = carriage return
8656	lArr	⇐	leftwards double arrow Unicode does not say that lArr is the same as the 'is implied by' arrow but also does not have any other character for that function. So ? lArr can be used for 'is implied by'
8657	uArr	⇑	upwards double arrow
8658	rArr	⇒	rightwards double arrow Unicode does not say this is the 'implies' character but does not have another character with this function so ? rArr can be used for 'implies' as ISOtech suggests
8659	dArr	⇓	downwards double arrow
8660	hArr	⇔	left right double arrow
8704	forall	∀	for all
8706	part	∂	partial differential
8707	exist	∃	there exists
8709	empty	∅	empty set = null set = diameter
8711	nabla	∇	nabla = backward difference
8712	isin	∈	element of
8713	notin	∉	not an element of
8715	ni	∋	contains as member
8719	prod	∏	n-ary product = product sign prod is NOT the same character as U+03A0 'greek capital letter pi' though the same glyph might be used for both
8721	sum	∑	n-ary sumation sum is NOT the same character as U+03A3 'greek capital letter sigma' though the same glyph might be used for both
8722	minus	−	minus sign
8727	lowast	∗	asterisk operator
8730	radic	√	square root = radical sign
8733	prop	∝	proportional to
8734	infin	∞	infinity
8736	ang	∠	angle
8743	and	∧	logical and = wedge
8744	or	∨	logical or = vee
8745	cap	∩	intersection = cap
8746	cup	∪	union = cup
8747	int	∫	integral
8756	there4	∴	therefore
8764	sim	∼	tilde operator = varies with = similar to tilde operator is NOT the same character as the tilde, U+007E, although the same glyph might be used to represent both
8773	cong	≅	approximately equal to
8776	asymp	≈	almost equal to = asymptotic to
8800	ne	≠	not equal to
8801	equiv	≡	identical to
8804	le	≤	less-than or equal to
8805	ge	≥	greater-than or equal to
8834	sub	⊂	subset of
8835	sup	⊃	superset of note that nsup, 'not a superset of, U+2283' is not covered by the Symbol font encoding and is not included. Should it be, for symmetry? It is in ISOamsn
8836	nsub	⊄	not a subset of
8838	sube	⊆	subset of or equal to
8839	supe	⊇	superset of or equal to
8853	oplus	⊕	circled plus = direct sum
8855	otimes	⊗	circled times = vector product
8869	perp	⊥	up tack = orthogonal to = perpendicular
8901	sdot	⋅	dot operator dot operator is NOT the same character as U+00B7 middle dot
8968	lceil	⌈	left ceiling = apl upstile
8969	rceil	⌉	right ceiling
8970	lfloor	⌊	left floor = apl downstile
8971	rfloor	⌋	right floor
9001	lang	〈	left-pointing angle bracket = bra lang is NOT the same character as U+003C 'less than' or U+2039 'single left-pointing angle quotation mark'
9002	rang	〉	right-pointing angle bracket = ket rang is NOT the same character as U+003E 'greater than' or U+203A 'single right-pointing angle quotation mark'
9674	loz	◊	lozenge
9824	spades	♠	black spade suit black here seems to mean filled as opposed to hollow
9827	clubs	♣	black club suit = shamrock
9829	hearts	♥	black heart suit = valentine
9830	diams	♦	black diamond suit

Color Codes

How to use:

• Font - <font color=blue>Test</font> or <font color="0000FF">Test</font>
• Paragraph - <p style="color: coral">test</p> or <p style="color: #FF7F50l">test</p>
• table font - <table style="color: crimson"> or <table style="color: #DC143C">
• table row background color -  <tr bgcolor=brown> or <tr bgcolor=#A52A2A>
• horizontal rule - <hr color="006600">

here is another table that is organized differently http://webmonkey.wired.com/webmonkey/reference/color_codes/

You are here: Home-Computer Tips & Help-Web Development

Previous Topic: Programming Next Topic: Virus

Subtopics: Clock Examples time and date SSI