Code Examples -> Mordern Peroidic Table

	Join us on FaceBook
	Submit Your Code
	Poker Tournaments
	Poker Guide for Developers
	SEO Monitor
	UpTime Monitor
	My Favorite Examples
	My Favorite Articles
	Update Your Profile

More Weber Sites
	PHP Code Search
	Web Development Forums
	Learn MySQL Playing Trivia
	PHPBB2 Templates
	Web Development Resources
	Web Development Content
	Internet Security Software

Recommended Links
	PHPClasses
	PHP Editor
	PHP Jobs
	Vision.To Design
	Ajax Tutorials
	PHP Programming Help
	PHP/MySQL Programming
	Webmaster Resources
	Webmaster Forum
	XML meta language
	website builder

Recommended
	פרייסז - הכח לקנות עובר לידיים שלך
	Texas Holdem Poker Evangelists


BACK		ADD A COMMENT		SEND TO A FRIEND		ADD TO MY FAVORITES		ADD CODE EXAMPLES		PRINT

PHP Code Examples

Title :	Mordern Peroidic Table - Science
Categories :	Java Script, HTML, Charts and Graphs	Rahul Isola
Date :	Oct 09th 2004
Grade :	3 of 5 (graded 9 times)
Viewed :	11366
File :	No file for this code example.
Images :	No Images for this code example.

Search :	More code by Rahul Isola
Action :	Grade This Code Example
Tools :	My Examples List

Code

To see a working example : http://www.weberdev.com/examples/4022.html

<html>
<head>
<title>Mordren Periodic Table</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
function display (Name, Number, Weight, Melt, Boil) {
document.table.name.value=Name;
document.table.number.value=Number;
document.table.weight.value=Weight;
document.table.melt.value=Melt;
document.table.Boil.value=Boil;
}
</script>
</head>

<body>
<center><h2>Periodic Table of the Elements</h2>
<form>
<table cellspacing=2 cellpadding=0 width=891 height="186">
<tr>
<td align=center bgcolor="#FFFFFF" width="32" height="164" rowspan="11"> </td>
<td align=center bgcolor="#FFFFFF" width="59" height="107" rowspan="8"> 
Groups:</td>
<td align=center bgcolor="#FFFFFF" width="52" height="34">Periods:</td>
<td align=center bgcolor="#FFFFFF" width="57" height="3">1</td>
<td width="54" bgcolor="#FFFFFF" height="3" align="center">2</td>
<td width="45" bgcolor="#FFFFFF" height="3" align="center">3</td>
<td width="49" bgcolor="#FFFFFF" height="3" align="center">4</td>
<td width="43" bgcolor="#FFFFFF" height="3" align="center">5</td>
<td width="42" bgcolor="#FFFFFF" height="3" align="center">6</td>
<td width="42" bgcolor="#FFFFFF" height="3" align="center">7</td>
<td width="34" bgcolor="#FFFFFF" height="3" align="center">8</td>
<td width="32" bgcolor="#FFFFFF" height="3" align="center">9</td>
<td width="34" bgcolor="#FFFFFF" height="3" align="center">10</td>
<td width="22" bgcolor="#FFFFFF" height="3" align="center">11</td>
<td width="21" bgcolor="#FFFFFF" height="3" align="center">12</td>
<td width="29" bgcolor="#FFFFFF" height="3" align="center">13</td>
<td width="38" bgcolor="#FFFFFF" height="3" align="center">14</td>
<td width="40" bgcolor="#FFFFFF" height="3" align="center">15</td>
<td width="38" bgcolor="#FFFFFF" height="3" align="center">16</td>
<td width="42" bgcolor="#FFFFFF" height="3" align="center">17</td>
<td align=center bgcolor="#FFFFFF" width="56" height="3">18</td>
</tr>
<tr>
<td align=center bgcolor="#FFFFFF" width="52" height="34">1</td>
<td align=center bgcolor="#FFE4C4" width="57" height="1"><a
href="javascript:display('Hydrogen','1','1.0079','-259.14C','-252.87C');">
H</a></td>
<td colspan="16" width="663" height="1"></td>
<td align=center bgcolor="#FFE4C4" width="56" height="1"><a
href="javascript:display('Helium','2','4.0026','-272C @ 26ATM','-268.6C');">
He</a></td>
</tr>
<tr>
<td align=center bgcolor="#FFFFFF" width="52" height="34">2</td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Lithium','3','6.94','180.54 C','1347 C');">
Li</a></td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Beryllium','4','9.01218','1278 C','2970 C');">
Be</a></td>
<td colspan="10" width="396" height="19"></td>
<td align=center bgcolor="#FF4500" width="33" height="19"><a
href="javascript:display('Boron','5','10.81','2300 C','2550 C');">
B</a></td>
<td align=center bgcolor="#FFE4C4" width="42" height="19"><a
href="javascript:display('Carbon','6','12.011','3500 C','4827 C');">
C</a></td>
<td align=center bgcolor="#FFE4C4" width="44" height="19"><a
href="javascript:display('Nitrogen','7','14.0067','-209.9 C','-195.8 C');">
N</a></td>
<td align=center bgcolor="#FFE4C4" width="42" height="19"><a
href="javascript:display('Oxygen','8','15.9994','-218.4 C','-183.0 C');">
O</a></td>
<td align=center bgcolor="#FFE4C4" width="45" height="19"><a
href="javascript:display('Flourine','9','18.998403','-219.62 C','-188.14 C');">
F</a></td>
<td align=center bgcolor="#FFE4C4" width="56" height="19"><a
href="javascript:display('Neon','10','20.17','-248.6 C','-246.1 C');">
Ne</a></td>
</tr>
<tr>
<td align=center bgcolor="#FFFFFF" width="52" height="33">3</td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Sodium','11','22.98977','97.8 C','882.9 C');">
Na</a></td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Magnesium','12','24.305','638.8 C','1090 C');">
Mg</a></td>
<td colspan="10" width="396" height="19"></td>
<td align=center bgcolor="#5F9EA0" width="33" height="19"><a
href="javascript:display('Aluminum','13','26.98154','660.37 C','2467 C');">
Al</a></td>
<td align=center bgcolor="#FF4500" width="42" height="19"><a
href="javascript:display('Silicon','14','28.0855','1410 C','2355 C');">
Si</a></td>
<td align=center bgcolor="#FFE4C4" width="44" height="19"><a
href="javascript:display('Phosphorous','15','30.97376','44.1 C','280 C');">
P</a></td>
<td align=center bgcolor="#FFE4C4" width="42" height="19"><a
href="javascript:display('Sulfur','16','32.06','112.8 C','444.6 C');">
S</a></td>
<td align=center bgcolor="#FFE4C4" width="45" height="19"><a
href="javascript:display('Chlorine','17','35.453','-100.98 C','-34.6 C');">
Cl</a></td>
<td align=center bgcolor="#FFE4C4" width="56" height="19"><a
href="javascript:display('Argon','18','39.948','-189.3 C','-186 C');">
Ar</a></td>
</tr>
<tr>
<td align=center bgcolor="#FFFFFF" width="52" height="32">4</td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Potassium','19','39.0983','63.65 C','774 C');">
K</a></td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Calcium','20','40.08','839 C','1484.4 C');">
Ca</a></td>
<td align=center bgcolor="#5F9EA0" width="48" height="19"><a
href="javascript:display('Scandium','21','44.9559','1539 C','2832 C');">
Sc</a></td>
<td align=center bgcolor="#5F9EA0" width="53" height="19"><a
href="javascript:display('Titanium','22','47.90','1660 C','3287 C');">
Ti</a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Vandium','23','50.9415','189010 C','3380 C');">
V</a></td>
<td align=center bgcolor="#5F9EA0" width="46" height="19"><a
href="javascript:display('Chromium','24','51.996','1857 C','2672 C');">
Cr</a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Manganese','25','54.9380','1245 C','1962 C');">
Mn</a></td>
<td align=center bgcolor="#5F9EA0" width="39" height="19"><a
href="javascript:display('Iron','26','55.847','1535 C','2750 C');">
Fe</a></td>
<td align=center bgcolor="#5F9EA0" width="37" height="19"><a
href="javascript:display('Cobalt','27','58.9332','1495 C','2870 C');">
Co</a></td>
<td align=center bgcolor="#5F9EA0" width="38" height="19"><a
href="javascript:display('Nickel','28','58.71','1453 C','2732 C');">
Ni</a></td>
<td align=center bgcolor="#5F9EA0" width="26" height="19"><a
href="javascript:display('Copper','29','63.546','1803 C','2567 C');">
Cu</a></td>
<td align=center bgcolor="#5F9EA0" width="26" height="19"><a
href="javascript:display('Zinc','30','65.38','419.58 C','907 C');">
Zn</a></td>
<td align=center bgcolor="#5F9EA0" width="33" height="19"><a
href="javascript:display('Gallium','31','69.735','29.78 C','2403 C');">
Ga</a></td>
<td align=center bgcolor="#FF4500" width="42" height="19"><a
href="javascript:display('Germanium','32','72.59','937.4 C','2830 C');">
Ge</a></td>
<td align=center bgcolor="#FF4500" width="44" height="19"><a
href="javascript:display('Arsenic','33','74.9216','81 C @ 28ATM','Sublimes at 613')">
As</a></td>
<td align=center bgcolor="#FFE4C4" width="42" height="19"><a
href="javascript:display('Selenium','34','78.96','217 C','684.9 C');">
Se</a></td>
<td align=center bgcolor="#FFE4C4" width="45" height="19"><a
href="javascript:display('Bromine','35','79.904','-7.2 C','58.78 C');">
Br</a></td>
<td align=center bgcolor="#FFE4C4" width="56" height="19"><a
href="javascript:display('Krypton','36','83.80','-157.2 C','-153.4 C');">
Kr</a></td>
</tr>
<tr>
<td align=center bgcolor="#FFFFFF" width="52" height="32">5</td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Rubidium','37','85.467','38.89 C','688 C');">
Rb</a></td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Strontium','38','87.62','769 C','1384 C');">
Sr</a></td>
<td align=center bgcolor="#5F9EA0" width="48" height="19"><a
href="javascript:display('Yttrium','39','88.9059','1523 C','3337 C');">
Y</a></td>
<td align=center bgcolor="#5F9EA0" width="53" height="19"><a
href="javascript:display('Zirconium','40','91.22','18522 C','4377 C');">
Zr</a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Niobium','41','92.9064','246810 C','4927 C');">
Nb</a></td>
<td align=center bgcolor="#5F9EA0" width="46" height="19"><a
href="javascript:display('Molybdenum','42','95.94','2617 C','4612 C');">
Mo</a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Technetium','43','98.9062','220050 C','4877 C');">
Tc</a></td>
<td align=center bgcolor="#5F9EA0" width="39" height="19"><a
href="javascript:display('Ruthenium','44','101.07','2250 C','3900 C');">
Ru</a></td>
<td align=center bgcolor="#5F9EA0" width="37" height="19"><a
href="javascript:display('Rhodium','45','102.9055','19663 C','3727 C');">
Rh</a></td>
<td align=center bgcolor="#5F9EA0" width="38" height="19"><a
href="javascript:display('Palladium','46','106.4','1552 C','2927 C');">
Pd</a></td>
<td align=center bgcolor="#5F9EA0" width="26" height="19"><a
href="javascript:display('Silver','47','107.868','961.93 C','2212 C');">
Ag</a></td>
<td align=center bgcolor="#5F9EA0" width="26" height="19"><a
href="javascript:display('Cadmium','48','112.41','320.9 C','765 C');">
Cd</a></td>
<td align=center bgcolor="#5F9EA0" width="33" height="19"><a
href="javascript:display('Indium','49','114.82','156.61 C','200010 C');">
In</a></td>
<td align=center bgcolor="#5F9EA0" width="42" height="19"><a
href="javascript:display('Tin','50','118.69','231.9 C','2270 C');">
Sn</a></td>
<td align=center bgcolor="#FF4500" width="44" height="19"><a
href="javascript:display('Antimony','51','121.75','630 C','1750 C');">
Sb</a></td>
<td align=center bgcolor="#FF4500" width="42" height="19"><a
href="javascript:display('Tellurium','52','127.60','449.5 C','989.8 C');">
Te</a></td>
<td align=center bgcolor="#FFE4C4" width="45" height="19"><a
href="javascript:display('Iodine','53','126.9045','113.5 C','184 C @ 35 atm')">
I</a></td>
<td align=center bgcolor="#FFE4C4" width="56" height="19"><a
href="javascript:display('Xenon','54','131.30','-111.9 C','-108.1 C');">
Xe</a></td>
</tr>
<tr>
<td align=center bgcolor="#FFFFFF" width="52" height="30">6</td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Cesium','55','132.9054','28.5 C','678.4 C');">
Cs</a></td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Barium','56','137.33','725 C','1140 C');">
Ba</a></td>
<td align=center bgcolor="#5F9EA0" width="48" height="19"><a
href="javascript:display('Lanthanum','57','138.9055','920 C','3469 C');">
La</a>*</td>
<td align=center bgcolor="#5F9EA0" width="53" height="19"><a
href="javascript:display('Hafnium','72','178.49','2150 C','5400 C');">
Hf</a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Tantalum','73','180.947','2996 C','5425100 C');">
Ta</a></td>
<td align=center bgcolor="#5F9EA0" width="46" height="19"><a
href="javascript:display('Tungsten','74','183.85','341020 C','5660 C');">
W</a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Rhenium','75','186.207','3180 C','5627 C');">
Re</a></td>
<td align=center bgcolor="#5F9EA0" width="39" height="19"><a
href="javascript:display('Osmium','76','190.2','3045 C','5027 C');">
Os</a></td>
<td align=center bgcolor="#5F9EA0" width="37" height="19"><a
href="javascript:display('Iridium','77','192.22','2410 C','4527100 C');">
Ir</a></td>
<td align=center bgcolor="#5F9EA0" width="38" height="19"><a
href="javascript:display('Platinum','78','195.09','1772 C','3827 C');">
Pt</a></td>
<td align=center bgcolor="#5F9EA0" width="26" height="19"><a
href="javascript:display('Gold','79','196.9665','1064.43 C','2807 C');">
Au</a></td>
<td align=center bgcolor="#5F9EA0" width="26" height="19"><a
href="javascript:display('Mercury','80','200.59','-38.87 C','356.58 C');">
Hg</a></td>
<td align=center bgcolor="#5F9EA0" width="33" height="19"><a
href="javascript:display('Thallium','81','204.37','303.5 C','145710C');">
Tl</a></td>
<td align=center bgcolor="#5F9EA0" width="42" height="19"><a
href="javascript:display('Lead','82','207.2','327.5 C','1740 C');">
Pb</a></td>
<td align=center bgcolor="#5F9EA0" width="44" height="19"><a
href="javascript:display('Bismuth','83','208.9804','271.3 C','15605C');">
Bi</a></td>
<td align=center bgcolor="#5F9EA0" width="42" height="19"><a
href="javascript:display('Polonium','84','(209)','254 C','962 C');">
Po</a></td>
<td align=center bgcolor="#FF4500" width="45" height="19"><a
href="javascript:display('Astatine','85','(210)','302 C','337 C');">
At</a></td>
<td align=center bgcolor="#FFE4C4" width="56" height="19"><a
href="javascript:display('Radon','86','(222)','-71 C\t','-61.8 C');">
Rn</a></td>
</tr>
<tr>
<td align=center bgcolor="#FFFFFF" width="52" height="30">7</td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Francium','87','(223)','27 C\t','677 C');">
Fr</a></td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Radium','88','226.0254','700 C','1737 C');">
Ra</a></td>
<td align=center bgcolor="#5F9EA0" width="48" height="19"><a
href="javascript:display('Actinium','89','(227)','1050 C','3200300 C');">
Ac</a>**</td>
<td align=center bgcolor="#5F9EA0" width="53" height="19"><a
href="javascript:display('Unnilquadium','104','(260)','N/A C','N/A C');">
Unq</a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Unnilpentium','105','(260)','N/A C','N/A C');">
Unp</a></td>
<td align=center bgcolor="#5F9EA0" width="46" height="19"><a
href="javascript:display('Unnilhexium','106','(263)','N/A C','N/A C');">
Unh</a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Unnilseptium','107','(262)','N/A C','N/A C');">
Uns</a></td>
<td align=center bgcolor="#5F9EA0" width="39" height="19"><a
href="javascript:display('Unniloctium', '108', '(265)', ' N/A C', 'N/A C');">
Uno</a></td>
<td align=center bgcolor="#5F9EA0" width="37" height="19"><a
href="javascript:display('Unnilennium', '109', '(267)', ' N/A C', 'N/A C');">
Une</a></td>
<td colspan="9" width="349" height="19"></td>
</tr>
<tr>
<td align=center bgcolor="#FFFFFF" width="911" height="19" colspan="20"> </td>
</tr>
<tr>
<td align=center bgcolor="#FFFFFF" width="131" height="19" colspan="2">
Lanthanides*</td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Cerium','58','140.12','795 C','3257 C');">
Ce</a></td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Praseodymium','59','140.9077','935 C','3127 C');">
Pr</a></td>
<td align=center bgcolor="#5F9EA0" width="48" height="19"><a
href="javascript:display('Neodymium','60','144.24','1010 C','3127 C');">
Nd</a></td>
<td align=center bgcolor="#5F9EA0" width="53" height="19"><a
href="javascript:display('Promethium','61','(145)','N/A C','N/A C');">
Pm</a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Samarium','62','150.4','1072 C','1900 C');">
Sm</a></td>
<td align=center bgcolor="#5F9EA0" width="46" height="19"><a
href="javascript:display('Europium','63','151.96','822 C','1597 C');">
Eu</a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Gadolinium','64','157.25','1311 C','3233 C');">
Gd</a></td>
<td align=center bgcolor="#5F9EA0" width="39" height="19"><a
href="javascript:display('Terbium','65','158.9254','1360 C','3041 C');">
Tb</a></td>
<td align=center bgcolor="#5F9EA0" width="37" height="19"><a
href="javascript:display('Dysprosium','66','162.50','1412 C','2562 C');">
Dy</a></td>
<td align=center bgcolor="#5F9EA0" width="38" height="19"><a
href="javascript:display('Holmium','67','164.9304','1470 C','2720 C');">
Ho</a></td>
<td align=center bgcolor="#5F9EA0" width="26" height="19"><a
href="javascript:display('Erbium','68','167.26','1522 C','2510 C');">
Er</a></td>
<td align=center bgcolor="#5F9EA0" width="26" height="19"><a
href="javascript:display('Thulium','69','168.9342','1545 C','1727 C');">
Tm</a></td>
<td align=center bgcolor="#5F9EA0" width="33" height="19"><a
href="javascript:display('Ytterbium','70','173.04','824 C','1466 C');">
Yb</a></td>
<td align=center bgcolor="#5F9EA0" width="42" height="19"><a
href="javascript:display('Lutetium','71','174.96','1656 C','3315 C');">
Lu</a></td>
<td colspan="4" width="189" height="38" rowspan="2"> </td>
</tr>
<tr>
<td align=center bgcolor="#FFFFFF" width="131" height="19" colspan="2">
Actinides**</td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Thorium','90','232.0381','1750 C','4790 C');">
Th</a></td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Proactinium','91','231.0359','1600 C','N/A C');">
Pa</a></td>
<td align=center bgcolor="#5F9EA0" width="48" height="19"><a
href="javascript:display('Uranium','92','238.029','1132 C','3818 C');">
U</a></td>
<td align=center bgcolor="#5F9EA0" width="53" height="19"><a
href="javascript:display('Neptunium','93','237.0482','640 C','3902 C');">
Np</a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Plutonium','94','(244)','639.52 C','323519 C');">
Pu</a></td>
<td align=center bgcolor="#5F9EA0" width="46" height="19"><a
href="javascript:display('Americium','95','(243)','994 C','2607 C');">
Am</a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Curium','96','(247)','1340 C','N/A C');">
Cm</a></td>
<td align=center bgcolor="#5F9EA0" width="39" height="19"><a
href="javascript:display('Berkelium','97','(247)','N/A C','N/A C');">
Bk</a></td>
<td align=center bgcolor="#5F9EA0" width="37" height="19"><a
href="javascript:display('Californium','98','(251)','N/A C','N/A C');">
Cf</a></td>
<td align=center bgcolor="#5F9EA0" width="38" height="19"><a
href="javascript:display('Einsteinium','99','(254)','N/A C','N/A C');">
Es</a></td>
<td align=center bgcolor="#5F9EA0" width="26" height="19"><a
href="javascript:display('Fremium','100','(257)','N/A C','N/A C');">
Fm</a></td>
<td align=center bgcolor="#5F9EA0" width="26" height="19"><a
href="javascript:display('Mendelevium','101','(258)','N/A C','N/A C');">
Md</a></td>
<td align=center bgcolor="#5F9EA0" width="33" height="19"><a
href="javascript:display('Nobelium','102','(259)','N/A C','N/A C');">
No</a></td>
<td align=center bgcolor="#5F9EA0" width="42" height="19"><a
href="javascript:display('Lawrencium','103','(260)','N/A C','N/A C');">
Lr</a></td>
</tr>
</table>
</form>
<form name="table">
<table width="500">
<tr>
<td align="center" width="33%">Name</td>
<td align="center" width="33%">Number</td>
<td align="center" width="33%">Atomic Weight (a.m.u.)</td>
</tr>
<tr>
<td align="center" width="33%"><input type="text" name="name" value=" " size="14"></td>
<td align="center" width="33%"><input type="text" name="number" value=" " size="6"></td>
<td align="center" width="33%"><input type="text" name="weight" value=" " size="16"></td>
</tr>
<tr>
<td align="center" width="33%">Melts (Degree Celsius)</td>
<td align="center" width="33%"></td>
<td align="center" width="33%">Boils (Degree Celsius)</td>
</tr>
<tr>
<td align="center" width="33%"><input type="text" name="melt" value=" " size="18"></td>
<td align="center" width="33%"></td>
<td align="center" width="33%"><input type="text" name="Boil" value=" " size="18"></td>
</tr>
</table>
</form>
<hr width=600>
<center>
<table border=1 width=500 height="95">
<tr><td colspan=2 align=center height="19">Legend</td>
</tr>
<tr>
<td align=center bgcolor="#5F9EA0" height="1">Metals</td>
<td height="1">A solid substance that is a good conductor of heat and electricity. Can be formed into many shapes.</td>
</tr>
<tr>
<td align=center bgcolor="#FF4500" height="44">Metalloid</td>
<td height="44">"Middle elements" - conduct heat and electricity better than nonmetals, but not as well as metals. Easier to shape than nonmetals, but not as easy as metals. Solid at room temperature.</td>
</tr>
<tr>
<td align=center bgcolor="#FFE4C4" height="8">Nonmetals</td>
<td height="8">A poor conductor of heat and electricity. Not easily formed into shapes.</td>
</tr>
</table>
</center>
</body>
</html>

Related Code Examples

	Javascript Background Scroller Categories : Java Script, CSS, HTML
	Clock at Status Bar Categories : Java Script, HTML, Date Time
	JAVASCRIPT interface class to the eBusiness Charts generatation remote service. Categories : Java Script, Graphics, Charts and Graphs
	Table editable dynamic form with edit + selection (select / option) + checkbox. Categories : Java Script, DHTML, User Interface, CSS, HTML
	Prevent Right Mouse steal your graphics Categories : HTML, Java Script, Security
	complete simply working javascript password generator file. Use letter, vowels, consonants (uppercase and lowercase) arrays to create a really random and secure password. improved security using time functions to initialize random number generator. Categories : Java Script, HTML, Security, Authentication, Strings
	Javascript Color Picker Categories : Java Script, Colors, HTML
	How to create <SELECT> menues that change on the fly according to other <SELECT> menues on the page? Categories : Java Script, HTML
	Unobtrusive javascript for maintaining scrollable layer state Categories : DHTML, Java Script, HTML
	Cool tool tip Categories : Java Script, HTML, Web Design
	Java Script Based Navigation Categories : HTML, Java Script, Navigation
	Higly Customizable Javascript Calendar Script Categories : Java Script, Calendar, Date Time, HTML, CSS
	Show or Hide your Content using Javascript Categories : Java Script, HTML, CSS, Beginner Guides
	showing Help (assistance) to the user while filling html forms. Categories : HTML, Java Script, Form Processing
	Conditional Check - a script that allows a user to submit a form only if the user check a checkbox. Categories : HTML, Java Script, Form Processing, Beginner Guides

User Comments

	Kenn Simons wrote : 1208 `I always enjoy items that keep my mind sharp. This does so, and provides a very good example of using javascript to provide dynamic data to a form.`
	Erick Schluter wrote :1216 `Really like it ! I have got to think of a way to use this somehow !`