marți, 10 iunie 2014

L3- HTML Tabele

  Soft educational utilizat pentru predarea lectiei:

Aplicatie  demonstrativa

Analizeaza codul sursa HTML:

1.       <HTML>
2.            <HEAD>
3.            </HEAD>
4.            <BODY>
5.       <TABLE border="5">
6.              <TR align="center">
7.                    <TD> <FONT size=4><B> Nume tip </B></FONT></TD>
8.                    <TD> <FONT size=4><B> Numar octeti </B></FONT></TD>
9.                    <TD> <FONT size=4><B> Valoare </B></FONT></TD>
10.           </TR>
11.          <TR align="center">
12.                <TD> <B>float </B></TD><TD> 4 </TD>
13.                 <TD> 3.4*10 <SUP>-38</SUP> si 3.4*10 <SUP>38</SUP> </TD>
14.           </TR>
15.           <TR align="center">
16.                <TD> <B>double</B> </TD>
17.                <TD> 8 </TD>
18.                <TD> 1.7*10 <SUP>-308</SUP> si 1.7*10 <SUP>308</SUP> </TD>
19.           </TR>
20.           <TR align="center">
21.                <TD> <B>long double</B> </TD>
22.                <TD> 10 </TD>
23.                <TD> 3.4*10 <SUP>-4932</SUP> si 3.4*10 <SUP>4932</SUP> </TD>
24.            </TR>
25.      </TABLE>
26.    </BODY>
27.    </HTML>

Nume tip
Numar octeti
Valoare
float
4
3.4*10 -38 si 3.4*10 38
double
8
1.7*10 -308 si 1.7*10 308
long double
10
3.4*10 -4932 si 3.4*10 4932

 

Aplicatie practica

 Realizati o pagina web ce contine: Sistemul periodic al elementelor (Tabelul periodic al lui Mendeleev).

H















He
Li Be









B C N O F Ne
Na Mg









Al Si P S Cl Ar
K Ca Sc Ti V Cr Mn Fe Co Ni Cu Zn Ga Ge As Se Br Kr
Rb Sr Y Zr Nb Mo Tc Ru Rh Pd Ag Cd In Sn Sb Te I Xe
Cs Ba
Hf Ta W Re Os Ir Pt Au Hg Tl Pb Bi Po At Rn
Fr Ra


















La Ce Pr Nd Pm Sm Eu Gd Tb Dy Ho Er Tm Yb Lu



Ac Th Pa U Np Pu Am Cm Bk Cf Es Fm Md No Lr

Nemetale
Metaloizi

Metale alcaline
Halogeni

Metale alcalino pământoase
Gaze nobile

Metale de tranziție
Lantanide

Metale de post-tranziție
Actinide

Exemplu - Sistemul periodic al lui Mendeleev

<HTML>
<HEAD>
<TITLE>SISTEMUL PERIODIC AL ELEMENTELOR</TITLE>
</HEAD>
<BODY>
<CENTER>
<H2>Sistemul periodic al elementelor (Tabelul periodic al lui Mendeleev).</H2>
<table cellpadding="6" cellspacing="2">
<TR>
<TD BGCOLOR=#FFAAFF align="center" title="Hidrogen">H</TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD BGCOLOR=#00FFFF align="center" title="Heliu">He</TD>
</TR>
<TR>
<TD BGCOLOR=#00FF00 align="center" title="Litiu">Li</TD>
<TD BGCOLOR=#CCCCC align="center" title="Beriliu">Be</TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD BGCOLOR=#0099FF align="center" title="Bor">B</TD>
<TD BGCOLOR=#FFAAFF align="center" title="Carbon">C</TD>
<TD BGCOLOR=#FFAAFF align="center" title="Azot">N</TD>
<TD BGCOLOR=#FFAAFF align="center" title="Oxigen">O</TD>
<TD BGCOLOR=#AABB22 align="center" title="Fluor">F</TD>
<TD BGCOLOR=#00FFFF align="center" title="Neon">Ne</TD>
</TR>
<TR>
<TD BGCOLOR=#00FF00 align="center" title="Sodiu">Na</TD>
<TD BGCOLOR=#CCCCCC align="center" title="Magneziu">Mg</TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD BGCOLOR=#FFBBBB align="center" title="Aluminiu">Al</TD>
<TD BGCOLOR=#0099FF align="center" title="Siliciu">Si</TD>
<TD BGCOLOR=#FFAAFF align="center" title="Fosfor">P</TD>
<TD BGCOLOR=#FFAAFF align="center" title="Sulf">S</TD>
<TD BGCOLOR=#AABB22 align="center" title="Clor">Cl</TD>
<TD BGCOLOR=#00FFFF align="center" title="Argon">Ar</TD>
</TR>
<TR><TD BGCOLOR=#00FF00 align="center" title="Potasiu">K</TD>
<TD BGCOLOR=#CCCCCC align="center" title="Calciu">Ca</TD>
<TD BGCOLOR=#00CCCC align="center" title="Scandiu">Sc</TD>
<TD BGCOLOR=#00CCCC align="center" title="Titan">Ti</TD>
<TD BGCOLOR=#00CCCC align="center" title="Vanadiu">V</TD>
<TD BGCOLOR=#00CCCC align="center" title="Crom">Cr</TD>
<TD BGCOLOR=#00CCCC align="center" title="Mangan">Mn</TD>
<TD BGCOLOR=#00CCCC align="center" title="Fier">Fe</TD>
<TD BGCOLOR=#00CCCC align="center" title="Cobalt">Co</TD>
<TD BGCOLOR=#00CCCC align="center" title="Nichel">Ni</TD>
<TD BGCOLOR=#00CCCC align="center" title="Cupru">Cu</TD>
<TD BGCOLOR=#00CCCC align="center" title="Zinc">Zn</TD>
<TD BGCOLOR=#FFBBBB align="center" title="Galiu">Ga</TD>
<TD BGCOLOR=#0099FF align="center" title="Germaniu">Ge</TD>
<TD BGCOLOR=#0099FF align="center" title="Arsenic">As</TD>
<TD BGCOLOR=#FFAAFF align="center" title="Seleniu">Se</TD>
<TD BGCOLOR=#AABB22 align="center" title="Brom">Br</TD>
<TD BGCOLOR=#00FFFF align="center" title="Kripton">Kr</TD>
</TR>
<TR>
<TD BGCOLOR=#00FF00 align="center" title="Rubidiu">Rb</TD> 
<TD BGCOLOR=#CCCCCC align="center" title="Stronþiu">Sr</TD>
<TD BGCOLOR=#00CCCC align="center" title="Ytriu">Y</TD>
<TD BGCOLOR=#00CCCC align="center" title="Zirconiu">Zr</TD>
<TD BGCOLOR=#00CCCC align="center" title="Niobiu">Nb</TD>
<TD BGCOLOR=#00CCCC align="center" title="Molibden">Mo</TD>
<TD BGCOLOR=#00CCCC align="center" title="Techneþiu">Tc</TD>
<TD BGCOLOR=#00CCCC align="center" title="Ruteniu">Ru</TD>
<TD BGCOLOR=#00CCCC align="center" title="Rodiu">Rh</TD>
<TD BGCOLOR=#00CCCC align="center" title="Paladiu">Pd</TD>
<TD BGCOLOR=#00CCCC align="center" title="Argint">Ag</TD>
<TD BGCOLOR=#00CCCC align="center" title="Cadmiu">Cd</TD>
<TD BGCOLOR=#FFBBBB align="center" title="Indiu">In</TD>
<TD BGCOLOR=#FFBBBB align="center" title="Staniu">Sn</TD>
<TD BGCOLOR=#0099FF align="center" title="Antimoniu">Sb</TD>
<TD BGCOLOR=#0099FF align="center" title="Telur">Te</TD>
<TD BGCOLOR=#AABB22 align="center" title="Iod">I</TD>
<TD BGCOLOR=#00FFFF align="center" title="Xenon">Xe</TD>
</TR>
<TR>
<TD BGCOLOR=#00FF00 align="center" title="Cesiu">Cs</TD>
<TD BGCOLOR=#CCCCCC align="center" title="Bariu">Ba</TD>
<TD></TD>
<TD BGCOLOR=#00CCCC align="center" title="Hafniu">Hf</TD>
<TD BGCOLOR=#00CCCC align="center" title="Tantal">Ta</TD>
<TD BGCOLOR=#00CCCC align="center" title="Wolfram">W</TD>
<TD BGCOLOR=#00CCCC align="center" title="Reniu">Re</TD>
<TD BGCOLOR=#00CCCC align="center" title="Osmiu">Os</TD>
<TD BGCOLOR=#00CCCC align="center" title="Iridiu">Ir</TD>
<TD BGCOLOR=#00CCCC align="center" title="Platina">Pt</TD>
<TD BGCOLOR=#00CCCC align="center" title="Aur">Au</TD>
<TD BGCOLOR=#00CCCC align="center" title="Mercur">Hg</TD>
<TD BGCOLOR=#FFBBBB align="center" title="Taliu">Tl</TD>
<TD BGCOLOR=#FFBBBB align="center" title="Plumb">Pb</TD>
<TD BGCOLOR=#FFBBBB align="center" title="Bismut">Bi</TD>
<TD BGCOLOR=#0099FF align="center" title="Poloniu">Po</TD>
<TD BGCOLOR=#AABB22 align="center" title="Astatiniu">At</TD>
<TD BGCOLOR=#00FFFF align="center" title="Radon">Rn</TD>
</TR>
<TR>
<TD BGCOLOR=#00FF00 align="center" title="Franciu">Fr</TD>
<TD BGCOLOR=#CCCCCC align="center" title="Radiu">Ra</TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
<TD BGCOLOR=#EEEE00 align="center" title="Lantan">La</TD>
<TD BGCOLOR=#EEEE00 align="center" title="Ceriu">Ce</TD>
<TD BGCOLOR=#EEEE00 align="center" title="Praseodim">Pr</TD>
<TD BGCOLOR=#EEEE00 align="center" title="Neodim">Nd</TD>
<TD BGCOLOR=#EEEE00 align="center" title="Promeþiu">Pm</TD>
<TD BGCOLOR=#EEEE00 align="center" title="Samariu">Sm</TD>
<TD BGCOLOR=#EEEE00 align="center" title="Europiu">Eu</TD>
<TD BGCOLOR=#EEEE00 align="center" title="Gadoliniu">Gd</TD>
<TD BGCOLOR=#EEEE00 align="center" title="Terbiu">Tb</TD>
<TD BGCOLOR=#EEEE00 align="center" title="Disprosiu">Dy</TD>
<TD BGCOLOR=#EEEE00 align="center" title="Holmiu">Ho</TD>
<TD BGCOLOR=#EEEE00 align="center" title="Erbiu">Er</TD>
<TD BGCOLOR=#EEEE00 align="center" title="Tuliu">Tm</TD>
<TD BGCOLOR=#EEEE00 align="center" title="Yterbiu">Yb</TD>
<TD BGCOLOR=#EEEE00 align="center" title="Luteþiu">Lu</TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
<TD BGCOLOR=#00CC44 align="center" title="Actiniu">Ac</TD>
<TD BGCOLOR=#00CC44 align="center" title="Toriu">Th</TD>
<TD BGCOLOR=#00CC44 align="center" title="Protactiniu">Pa</TD>
<TD BGCOLOR=#00CC44 align="center" title="Uraniu">U</TD>
<TD BGCOLOR=#00CC44 align="center" title="Neptuniu">Np</TD>
<TD BGCOLOR=#00CC44 align="center" title="Plutoniu">Pu</TD>
<TD BGCOLOR=#00CC44 align="center" title="Americiu">Am</TD>
<TD BGCOLOR=#00CC44 align="center" title="Curiu">Cm</TD>
<TD BGCOLOR=#00CC44 align="center" title="Berkeliu">Bk</TD>
<TD BGCOLOR=#00CC44 align="center" title="Californiu">Cf</TD>
<TD BGCOLOR=#00CC44 align="center" title="Einsteiniu">Es</TD>
<TD BGCOLOR=#00CC44 align="center" title="Fermiu">Fm</TD>
<TD BGCOLOR=#00CC44 align="center" title="Mendeleeviu">Md</TD>
<TD BGCOLOR=#00CC44 align="center" title="Nobeliu">No</TD>
<TD BGCOLOR=#00CC44 align="center" title="Lawrenþiu">Lr</TD>
</TR>
</TABLE><BR>
</center>
<center>
<TABLE>
<TR>
<TD BGCOLOR=#FFAAFF WIDTH="40"></TD><TD>Nemetale</TD>
<TD BGCOLOR=#0099FF WIDTH="40"></TD><TD>Metaloizi</TD>
</TR>
<TR>
<TD BGCOLOR=#00FF00 WIDTH="40"></TD><TD>Metale alcaline</TD>
<TD BGCOLOR=#AABB22 WIDTH="40"></TD><TD>Halogeni</TD>
</TR>
<TR>
<TD BGCOLOR=#CCCCC WIDTH="40"></TD><TD>Metale alcalino pământoase</TD>
<TD BGCOLOR=#00FFFF WIDTH="40"></TD><TD>Gaze nobile</TD>
</TR>
<TR>
<TD BGCOLOR=#00CCCC WIDTH="40"></TD><TD>Metale de tranziþie</TD>
<TD BGCOLOR=#EEEE00 WIDTH="40"></TD><TD>Lantanide</TD>
</TR>
<TR>
<TD BGCOLOR=#FFBBBB WIDTH="40"></TD><TD>Metale de post-tranziþie</TD>
<TD BGCOLOR=#00CC44 WIDTH="40"></TD><TD>Actinide</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>





















Publicat de la

Niciun comentariu:

Trimiteți un comentariu

Rețineți: Numai membrii acestui blog pot posta comentarii.

Abonați-vă la: Postare comentarii (Atom)