Periodic Table in Html+CSS

From Moid Falak, 4 Years ago, written in HTML5.

Embed

Download Paste or View Raw
Hits: 284

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Assignment 1</title>

<style>

table{

margin: auto;

width: 70%;

padding: 10px;

}

th{

padding:10px;

}

td{

text-align: center;

border: 1px solid black;

border-spacing: 0;

height: 45px;

width: 45px;

margin: 0; padding: 0;

}

#no{

border: none;

}

#col1{

border: 1px solid black;

color: green;

}

#col2{

border: 1px solid black;

color: blue;

}

#col3{

border: 1px solid black;

color:red;

}

</style>

</head>

<body>

<table>

<tr bgcolor="fff333">

<th colspan="18">

The Peridoic Table

</th>

</tr>

<tr style="color: green;">

<td bgcolor="#f9840f">

1 

H

</td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td bgcolor="#4ef2dc">

2 

He

</td>

</tr>

<tr>

<td bgcolor="#ea2cfd">

3 

Li

</td>

<td bgcolor="#33a6f5">

4 

Be

</td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td bgcolor="#f9cc65">

5 

B

</td>

<td bgcolor="#f9840f">

6 

C

</td>

<td id="col1" bgcolor="#f9840f">

7 

N

</td>

<td id="col1" bgcolor="#f9840f">

8 

O

</td>

<td id="col1" bgcolor="#f23e4c">

9 

F

</td>

<td id="col1" bgcolor="#4ef2dc" >

10 

Ne

</td>

</tr>

<tr>

<td bgcolor="#ea2cfd">

11 

Na

</td>

<td bgcolor="#33a6f5">

12 

Mg

</td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td id="no"></td>

<td bgcolor="#8df744">

13 

Al

</td>

<td bgcolor="#f9cc65">

14 

Si

</td>

<td bgcolor="#f9840f">

15 

P

</td>

<td bgcolor="#f9840f">

16 

S

</td>

<td id="col1" bgcolor="#f23e4c">

17 

Cl

</td>

<td id="col1" bgcolor="#4ef2dc">

18 

Ar

</td>

</tr>

<tr>

<td bgcolor="#ea2cfd">

19

 



K



</td>

<td bgcolor="#33a6f5">

20

 



Ca



</td>

<td bgcolor="#f6f877">

21

 



Sc



</td>

<td bgcolor="#f6f877">

22

 



Ti



</td>

<td bgcolor="#f6f877"d>

23

 



V



</td>

<td bgcolor="#f6f877">

24

 



Cr



</td>

<td bgcolor="#f6f877">

25

 



Mn



</td>

<td bgcolor="#f6f877">

26

 



Fe



</td>

<td bgcolor="#f6f877">

27

 



Co



</td>

<td bgcolor="#f6f877">

28

 



Ni



</td>

<td bgcolor="#f6f877">

29

 



Cu



</td>

<td bgcolor="#f6f877">

30

 



Zn



</td>

<td id="col2" bgcolor="#8df744">

31

 



Ga



</td>

<td bgcolor="#f9cc65">

32

 



Ge



</td>

<td bgcolor="#f9cc65">

33

 



As



</td>

<td bgcolor="#f9840f">

34

 



Se



</td>

<td id="col2" bgcolor="#f23e4c">

35

 



Br



</td>

<td id="col1" bgcolor="#4ef2dc">

36

 



Kr



</td>

</tr>

<tr>

<td bgcolor="#ea2cfd">

37

 



Rb



</td>

<td bgcolor="#33a6f5">

38

 



Sr



</td>

<td bgcolor="#f6f877">

39

 



Y



</td>

<td bgcolor="#f6f877">

40

 



Zr



</td>

<td bgcolor="#f6f877">

41

 



Nb



</td>

<td bgcolor="#f6f877">

42

 



Mo



</td>

<td id="col3" bgcolor="#f6f877">

43

 



Tc



</td>

<td bgcolor="#f6f877">

44

 



Ru



</td>

<td bgcolor="#f6f877">

45

 



Rh



</td>

<td bgcolor="#f6f877">

46

 



Pd



</td>

<td bgcolor="#f6f877">

47

 



Ag



</td>

<td bgcolor="#f6f877">

48

 



Cd



</td>

<td bgcolor="#8df744">

49

 



ln



</td>

<td bgcolor="#8df744">

50

 



Sn



</td>

<td bgcolor="#f9cc65">

51

 



Sb



</td>

<td bgcolor="#f9cc65">

52

 



Te



</td>

<td bgcolor="#f23e4c">

53

 



l



</td>

<td id="col1" bgcolor="#4ef2dc">

54

 



Xe



</td>

</tr>

<tr>

<td id="col2" bgcolor="#ea2cfd">

55

 



Cs



</td>

<td bgcolor="#33a6f5">

56

 



Ba



</td>

<td>

57-71

 

 





</td>

<td id="col2" bgcolor="#f6f877">

72

 



Hf



</td>

<td bgcolor="#f6f877">

73

 



Ta



</td>

<td bgcolor="#f6f877">

74

 



W



</td>

<td bgcolor="#f6f877">

75

 



Re



</td>

<td bgcolor="#f6f877">

76

 



Os



</td>

<td bgcolor="#f6f877">

77

 



lr



</td>

<td bgcolor="#f6f877">

78

 



Pt



</td>

<td bgcolor="#f6f877">

79

 



Au



</td>

<td id="col2" bgcolor="#f6f877">

80

 



Hg



</td>

<td bgcolor="#8df744">

81

 



Tl



</td>

<td bgcolor="#8df744">

82

 



Pb



</td>

<td bgcolor="#8df744">

83

 



Bi



</td>

<td bgcolor="#f9cc65">

84

 



Po



</td>

<td bgcolor="#f23e4c">

85

 



At



</td>

<td id="col1" bgcolor="#4ef2dc">

86

 



Rn



</td>

</tr>

<tr>

<td bgcolor="#ea2cfd">

87

 



Fr



</td>

<td bgcolor="#33a6f5">

88

 



Ra



</td>

<td>

89-103

 

 





</td>

<td id="col3" bgcolor="#f6f877">

104

 



Rf



</td>

<td id="col3" bgcolor="#f6f877">

105

 



Db



</td>

<td id="col3" bgcolor="#f6f877">

106

 



Sg



</td>

<td id="col3" bgcolor="#f6f877">

107

 



Bh



</td>

<td id="col3" bgcolor="#f6f877">

108

 



Hs



</td>

<td id="col3" bgcolor="#f6f877">

109

 



Mt



</td>

<td id="col3" bgcolor="#f6f877">

110

 



Ds



</td>

<td id="col3" bgcolor="#f6f877">

111

 



Rg



</td>

<td id="col3" bgcolor="#f6f877">

112

 



Cn



</td>

<td id="col3">

113

 



Nh



</td>

<td id="col3">

114

 



Fl



</td>

<td id="col3">

115

 



Mc



</td>

<td id="col3">

116

 



Lv



</td>

<td id="col3">

117

 



Ts



</td>

<td id="col3">

118

 



Og



</td>

</tr>

<tr></tr>

<tr></tr>

<tr>

<td id="no"></td>

<td id="no"></td>

<td>

57

 



La



</td>

<td>

58

 



Ce



</td>

<td>

59

 



Pr



</td>

<td>

60

 



Nd



</td>

<td id="col3">

61

 



Pm



</td>

<td>

62

 



Sm



</td>

<td>

63

 



Eu



</td>

<td>

64

 



Gd



</td>

<td>

65

 



Tb



</td>

<td>

66

 



Dy



</td>

<td>

67

 



Ho



</td>

<td>

68

 



Er



</td>

<td>

69

 



Tm



</td>

<td>

70

 



Yb



</td>

<td>

71

 



Lu



</td>

<td id="no"></td>

</tr>

<tr>

<td id="no"></td>

<td id="no"></td>

<td>

89

 



Ac



</td>

<td>

90

 



Th



</td>

<td>

91

 



Pa



</td>

<td>

92

 



U



</td>

<td id="col3">

93

 



Np



</td>

<td id="col3">

94

 



Pu



</td>

<td id="col3">

95

 



Am



</td>

<td id="col3">

96

 



Cm



</td>

<td id="col3">

97

 



Bk



</td>

<td id="col3">

98

 



Cf



</td>

<td id="col3">

99

 



Es



</td>

<td id="col3">

100

 



Fm



</td>

<td id="col3">

101

 



Md



</td>

<td id="col3">

102

 



No



</td>

<td id="col3">

103

 



Lr



</td>

<td id="no"></td>

</tr>

</table>

</body>

</html>

Author

Title

Language

Your paste - Paste your paste here

&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;Assignment 1&lt;/title&gt;
    &lt;style&gt;
         table{
            margin: auto;
            width: 70%;
            padding: 10px;
        } 
       
        th{
            padding:10px;
        }
        td{
            text-align: center;
            border: 1px solid black;
	        border-spacing: 0;
	        height: 45px;
	        width: 45px;
	        margin: 0; padding: 0;
        }
        
        #no{
            border: none;
        }
        #col1{
            border: 1px solid black;
            color: green;
        }
        #col2{
            border: 1px solid black;
            color: blue;
        }
        #col3{
            border: 1px solid black;
            color:red;
        }
       
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;table&gt;
        &lt;tr bgcolor=&quot;fff333&quot;&gt;
            &lt;th colspan=&quot;18&quot;&gt;
                The Peridoic Table
            &lt;/th&gt;

&lt;/tr&gt;
        &lt;tr style=&quot;color: green;&quot;&gt;
            &lt;td bgcolor=&quot;#f9840f&quot;&gt;
                1&lt;br&gt;
                &lt;b&gt;H&lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            
           
             &lt;td bgcolor=&quot;#4ef2dc&quot;&gt;
                2&lt;br&gt;
                &lt;b&gt;He&lt;/b&gt;
            &lt;/td&gt;
        &lt;/tr&gt;

&lt;tr&gt;
            &lt;td bgcolor=&quot;#ea2cfd&quot;&gt;
                3&lt;br&gt;
                &lt;b&gt;Li&lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#33a6f5&quot;&gt;
                4&lt;br&gt;
                &lt;b&gt;Be&lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            
            &lt;td bgcolor=&quot;#f9cc65&quot;&gt;
                5&lt;br&gt;
                &lt;b&gt;B&lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f9840f&quot;&gt;
                6&lt;br&gt;
                &lt;b&gt;C&lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col1&quot; bgcolor=&quot;#f9840f&quot;&gt;
                7&lt;br&gt;
                &lt;b&gt;N&lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col1&quot; bgcolor=&quot;#f9840f&quot;&gt;
                8&lt;br&gt;
                &lt;b&gt;O&lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col1&quot; bgcolor=&quot;#f23e4c&quot;&gt;
                9&lt;br&gt;
                &lt;b&gt;F&lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col1&quot; bgcolor=&quot;#4ef2dc&quot; &gt;
                10&lt;br&gt;
                &lt;b&gt;Ne&lt;/b&gt;
            &lt;/td&gt;

&lt;/tr&gt;

&lt;tr&gt;
            &lt;td bgcolor=&quot;#ea2cfd&quot;&gt;
            11&lt;br&gt;
                &lt;b&gt;Na&lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#33a6f5&quot;&gt;
                12&lt;br&gt;
                &lt;b&gt;Mg&lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            
            &lt;td bgcolor=&quot;#8df744&quot;&gt;
                13&lt;br&gt;
                &lt;b&gt;Al&lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f9cc65&quot;&gt;
                14&lt;br&gt;
                &lt;b&gt;Si&lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f9840f&quot;&gt;
                15&lt;br&gt;
                &lt;b&gt;P&lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f9840f&quot;&gt;
                16&lt;br&gt;
                &lt;b&gt;S&lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col1&quot; bgcolor=&quot;#f23e4c&quot;&gt;
                17&lt;br&gt;
                &lt;b&gt;Cl&lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col1&quot; bgcolor=&quot;#4ef2dc&quot;&gt;
                18&lt;br&gt;
                &lt;b&gt;Ar&lt;/b&gt;
            &lt;/td&gt;

&lt;/tr&gt;

&lt;tr&gt;
            &lt;td bgcolor=&quot;#ea2cfd&quot;&gt;
                19
                &lt;br&gt;
                &lt;b&gt;
                    K
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#33a6f5&quot;&gt;
                20
                &lt;br&gt;
                &lt;b&gt;
                    Ca
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                21
                &lt;br&gt;
                &lt;b&gt;
                    Sc
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                22
                &lt;br&gt;
                &lt;b&gt;
                    Ti
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;d&gt;
                23
                &lt;br&gt;
                &lt;b&gt;
                    V
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                24
                &lt;br&gt;
                &lt;b&gt;
                    Cr
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                25
                &lt;br&gt;
                &lt;b&gt;
                    Mn
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                26
                &lt;br&gt;
                &lt;b&gt;
                    Fe
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                27
                &lt;br&gt;
                &lt;b&gt;
                    Co
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                28
                &lt;br&gt;
                &lt;b&gt;
                    Ni
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                29
                &lt;br&gt;
                &lt;b&gt;
                    Cu
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                30
                &lt;br&gt;
                &lt;b&gt;
                    Zn
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col2&quot; bgcolor=&quot;#8df744&quot;&gt;
                31
                &lt;br&gt;
                &lt;b&gt;
                    Ga
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f9cc65&quot;&gt;
                32
                &lt;br&gt;
                &lt;b&gt;
                    Ge
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f9cc65&quot;&gt;
                33
                &lt;br&gt;
                &lt;b&gt;
                    As
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f9840f&quot;&gt;
                34
                &lt;br&gt;
                &lt;b&gt;
                    Se
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col2&quot; bgcolor=&quot;#f23e4c&quot;&gt;
                35
                &lt;br&gt;
                &lt;b&gt;
                    Br
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col1&quot; bgcolor=&quot;#4ef2dc&quot;&gt;
                36
                &lt;br&gt;
                &lt;b&gt;
                    Kr
                &lt;/b&gt;
            &lt;/td&gt;
        &lt;/tr&gt;

&lt;tr&gt;
            &lt;td bgcolor=&quot;#ea2cfd&quot;&gt;
                37
                &lt;br&gt;
                &lt;b&gt;
                    Rb
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#33a6f5&quot;&gt;
                38
                &lt;br&gt;
                &lt;b&gt;
                    Sr
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                39
                &lt;br&gt;
                &lt;b&gt;
                    Y
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                40
                &lt;br&gt;
                &lt;b&gt;
                    Zr
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                41
                &lt;br&gt;
                &lt;b&gt;
                    Nb
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                42
                &lt;br&gt;
                &lt;b&gt;
                    Mo
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot; bgcolor=&quot;#f6f877&quot;&gt;
                43
                &lt;br&gt;
                &lt;b&gt;
                    Tc
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                44
                &lt;br&gt;
                &lt;b&gt;
                    Ru
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                45
                &lt;br&gt;
                &lt;b&gt;
                    Rh
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                46
                &lt;br&gt;
                &lt;b&gt;
                    Pd
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                47
                &lt;br&gt;
                &lt;b&gt;
                    Ag
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                48
                &lt;br&gt;
                &lt;b&gt;
                    Cd
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#8df744&quot;&gt;
                49
                &lt;br&gt;
                &lt;b&gt;
                    ln
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#8df744&quot;&gt;
                50
                &lt;br&gt;
                &lt;b&gt;
                    Sn
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f9cc65&quot;&gt;
                51
                &lt;br&gt;
                &lt;b&gt;
                    Sb
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f9cc65&quot;&gt;
                52
                &lt;br&gt;
                &lt;b&gt;
                    Te
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f23e4c&quot;&gt;
                53
                &lt;br&gt;
                &lt;b&gt;
                    l
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col1&quot; bgcolor=&quot;#4ef2dc&quot;&gt;
                54
                &lt;br&gt;
                &lt;b&gt;
                    Xe
                &lt;/b&gt;
            &lt;/td&gt;
        &lt;/tr&gt;

&lt;tr&gt;
            &lt;td id=&quot;col2&quot; bgcolor=&quot;#ea2cfd&quot;&gt;
                55
                &lt;br&gt;
                &lt;b&gt;
                    Cs
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#33a6f5&quot;&gt;
                56
                &lt;br&gt;
                &lt;b&gt;
                    Ba
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td&gt;
                57-71
                &lt;br&gt;
                &lt;br&gt;
                &lt;b&gt;
                    
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col2&quot; bgcolor=&quot;#f6f877&quot;&gt;
                72
                &lt;br&gt;
                &lt;b&gt;
                    Hf
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                73
                &lt;br&gt;
                &lt;b&gt;
                    Ta
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                74
                &lt;br&gt;
                &lt;b&gt;
                    W
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                75
                &lt;br&gt;
                &lt;b&gt;
                    Re
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                76
                &lt;br&gt;
                &lt;b&gt;
                    Os
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                77
                &lt;br&gt;
                &lt;b&gt;
                    lr
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                78
                &lt;br&gt;
                &lt;b&gt;
                    Pt
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f6f877&quot;&gt;
                79
                &lt;br&gt;
                &lt;b&gt;
                    Au
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col2&quot; bgcolor=&quot;#f6f877&quot;&gt;
                80
                &lt;br&gt;
                &lt;b&gt;
                    Hg
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#8df744&quot;&gt;
                81
                &lt;br&gt;
                &lt;b&gt;
                    Tl
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#8df744&quot;&gt;
                82
                &lt;br&gt;
                &lt;b&gt;
                    Pb
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#8df744&quot;&gt;
                83
                &lt;br&gt;
                &lt;b&gt;
                    Bi
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f9cc65&quot;&gt;
                84
                &lt;br&gt;
                &lt;b&gt;
                    Po
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#f23e4c&quot;&gt;
                85
                &lt;br&gt;
                &lt;b&gt;
                    At
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col1&quot; bgcolor=&quot;#4ef2dc&quot;&gt;
                86
                &lt;br&gt;
                &lt;b&gt;
                    Rn
                &lt;/b&gt;
            &lt;/td&gt;
        &lt;/tr&gt;

&lt;tr&gt;
            &lt;td bgcolor=&quot;#ea2cfd&quot;&gt;
                87
                &lt;br&gt;
                &lt;b&gt;
                    Fr
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td bgcolor=&quot;#33a6f5&quot;&gt;
                88
                &lt;br&gt;
                &lt;b&gt;
                    Ra
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td&gt;
                89-103
                &lt;br&gt;
                &lt;br&gt;
                &lt;b&gt;
                    
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot; bgcolor=&quot;#f6f877&quot;&gt;
                104
                &lt;br&gt;
                &lt;b&gt;
                    Rf
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot; bgcolor=&quot;#f6f877&quot;&gt;
                105
                &lt;br&gt;
                &lt;b&gt;
                    Db
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot; bgcolor=&quot;#f6f877&quot;&gt;
                106
                &lt;br&gt;
                &lt;b&gt;
                    Sg
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot; bgcolor=&quot;#f6f877&quot;&gt;
                107
                &lt;br&gt;
                &lt;b&gt;
                    Bh
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot; bgcolor=&quot;#f6f877&quot;&gt;
                108
                &lt;br&gt;
                &lt;b&gt;
                    Hs
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot; bgcolor=&quot;#f6f877&quot;&gt;
                109
                &lt;br&gt;
                &lt;b&gt;
                    Mt
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot; bgcolor=&quot;#f6f877&quot;&gt;
                110
                &lt;br&gt;
                &lt;b&gt;
                    Ds
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot; bgcolor=&quot;#f6f877&quot;&gt;
                111
                &lt;br&gt;
                &lt;b&gt;
                    Rg
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot; bgcolor=&quot;#f6f877&quot;&gt;
                112
                &lt;br&gt;
                &lt;b&gt;
                    Cn
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot;&gt;
                113
                &lt;br&gt;
                &lt;b&gt;
                    Nh
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot;&gt;
                114
                &lt;br&gt;
                &lt;b&gt;
                    Fl
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot;&gt;
                115
                &lt;br&gt;
                &lt;b&gt;
                    Mc
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot;&gt;
                116
                &lt;br&gt;
                &lt;b&gt;
                    Lv
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot;&gt;
                117
                &lt;br&gt;
                &lt;b&gt;
                    Ts
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot;&gt;
                118
                &lt;br&gt;
                &lt;b&gt;
                    Og
                &lt;/b&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;&lt;/tr&gt;
        &lt;tr&gt;&lt;/tr&gt;

&lt;tr&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td&gt;
                57
                &lt;br&gt;
                &lt;b&gt;
                    La
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td&gt;
                58
                &lt;br&gt;
                &lt;b&gt;
                    Ce
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td&gt;
                59
                &lt;br&gt;
                &lt;b&gt;
                    Pr
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td&gt;
                60
                &lt;br&gt;
                &lt;b&gt;
                    Nd
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot;&gt;
                61
                &lt;br&gt;
                &lt;b&gt;
                    Pm
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td&gt;
                62
                &lt;br&gt;
                &lt;b&gt;
                    Sm
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td&gt;
                63
                &lt;br&gt;
                &lt;b&gt;
                    Eu
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td&gt;
                64
                &lt;br&gt;
                &lt;b&gt;
                    Gd
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td&gt;
                65
                &lt;br&gt;
                &lt;b&gt;
                    Tb
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td&gt;
                66
                &lt;br&gt;
                &lt;b&gt;
                    Dy
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td&gt;
                67
                &lt;br&gt;
                &lt;b&gt;
                    Ho
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td&gt;
                68
                &lt;br&gt;
                &lt;b&gt;
                    Er
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td&gt;
                69
                &lt;br&gt;
                &lt;b&gt;
                    Tm
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td&gt;
                70
                &lt;br&gt;
                &lt;b&gt;
                    Yb
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td&gt;
                71
                &lt;br&gt;
                &lt;b&gt;
                    Lu
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
        &lt;/tr&gt;

&lt;tr&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
            &lt;td&gt;
                89
                &lt;br&gt;
                &lt;b&gt;
                    Ac
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td&gt;
                90
                &lt;br&gt;
                &lt;b&gt;
                    Th
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td&gt;
                91
                &lt;br&gt;
                &lt;b&gt;
                    Pa
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td&gt;
                92
                &lt;br&gt;
                &lt;b&gt;
                    U
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot;&gt;
                93
                &lt;br&gt;
                &lt;b&gt;
                    Np
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot;&gt;
                94
                &lt;br&gt;
                &lt;b&gt;
                    Pu
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot;&gt;
                95
                &lt;br&gt;
                &lt;b&gt;
                    Am
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot;&gt;
                96
                &lt;br&gt;
                &lt;b&gt;
                    Cm
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot;&gt;
                97
                &lt;br&gt;
                &lt;b&gt;
                    Bk
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot;&gt;
                98
                &lt;br&gt;
                &lt;b&gt;
                    Cf
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot;&gt;
                99
                &lt;br&gt;
                &lt;b&gt;
                    Es
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot;&gt;
                100
                &lt;br&gt;
                &lt;b&gt;
                    Fm
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot;&gt;
                101
                &lt;br&gt;
                &lt;b&gt;
                    Md
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot;&gt;
                102
                &lt;br&gt;
                &lt;b&gt;
                    No
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;col3&quot;&gt;
                103
                &lt;br&gt;
                &lt;b&gt;
                    Lr
                &lt;/b&gt;
            &lt;/td&gt;
            &lt;td id=&quot;no&quot;&gt;&lt;/td&gt;
        &lt;/tr&gt;
        
       
    &lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;

Private - Private paste aren't shown in recent listings.

Delete After - When should we delete your paste?

Spam protection -

Periodic Table in Html+CSS

Reply to "Periodic Table in Html+CSS"