LW/index.html at main · yaoychen/LW · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Lively Wallpaper - HX</title>

        <link rel="stylesheet" href="./common.css">
        <script async src="./MathJax/tex-mml-chtml.js"></script>
    </head>
    <body>
        <div class="container">
            <div class="item simple">单质</div>
            <div class="item simple">$H_2$氦气</div>
            <div class="item simple">$O_2$氧气</div>
            <div class="item simple">$N_2$氮气</div>
            <div class="item simple">$Ne$氖气</div>
            <div class="item simple">$He$氦气</div>
            <div class="item simple">$Fe$铁</div>
            <div class="item simple">$Na$钠</div>
            <div class="item simple">$Li$锂</div>
        </div>
        <br>
        <div class="container">
            <div class="item oxy">氧化物</div>
            <div class="item oxy">$H_2O$水</div>
            <div class="item oxy">$H_2O_2$过氧化氢</div>
            <div class="item oxy">$P_2O_5$五氧化二磷</div>
            <div class="item oxy">$Fe_2O_3$氧化铁</div>
            <div class="item oxy">$ClO_2$二氧化氯</div>
            <div class="item oxy">$HgO$氧化汞</div>
            <div class="item oxy">$SO_3$三氧化硫</div>
            <div class="item oxy">$CaO$氧化钙</div>
        </div>
        <br>
        <div class="container">
            <div class="item acid">酸的化学式</div>
            <div class="item acid">$HNO_3$硝酸</div>
            <div class="item acid">$HCl$盐酸</div>
            <div class="item acid">$H_2SO_4$硫酸</div>
            <div class="item acid">$H_2CO_3$碳酸</div>
            <div class="item acid">$HF$氢氟酸</div>
            <div class="item acid">$H_2S$氢硫酸</div>
        </div>
        <br>
        <div class="container">
            <div class="item alka">碱的化学式</div>
            <div class="item alka">$NH_3\cdot H_2O$氨水</div>
            <div class="item alka">$KOH$氢氧化钾</div>
            <div class="item alka">$Fe(OH)_3$氢氧化铁</div>
            <div class="item alka">$Ca(OH)_2$氢氧化钙</div>
            <div class="item alka">$Mg(OH)_2$氢氧化镁</div>
        </div>
        <br>
        <div class="container">
            <div class="item salt">盐的化学式</div>
            <div class="item salt">$NaNO_3$硝酸钠</div>
            <div class="item salt">$KNO_3$硝酸钾</div>
            <div class="item salt">$Al(NO_3)_3$硝酸铝</div>
            <div class="item salt">$Fe(NO_3)_3$硝酸铁</div>
            <div class="item salt">$BaCl_2$氯化钡</div>
            <div class="item salt">$CuCl_2$氯化铜</div>
            <div class="item salt">$ZnCl_2$氯化锌</div>
            <div class="item salt">$MgCl_2$氯化镁</div>
        </div>
        <br>
        <div class="container">
            <div class="item orga">有机物</div>
            <div class="item orga">$CH_4$甲烷</div>
            <div class="item orga">$C_2H_5OH$乙醇</div>
            <div class="item orga">$C_6H_{12}O_6$葡萄糖</div>
            <div class="item orga">$C_{12}H_{22}O_{11}$蔗糖</div>
        </div>
        <br>
        <div class="container">
            <div class="item atgp">原子团</div>
            <div class="item atgp">$OH^{-}$氢氧根</div>
            <div class="item atgp">$NO^{3-}$硝酸根</div>
            <div class="item atgp">$CO_3^{2-}$碳酸根</div>
            <div class="item atgp">$SO_4^{2-}$硫酸根</div>
            <div class="item atgp">$ClO^{3-}$氯酸根</div>
            <div class="item atgp">$PO_4^{3-}$磷酸根</div>
            <div class="item atgp">$HCO_3^{-}$碳酸氢根</div>
            <div class="item atgp">$NH_4^{+}$铵根</div>
        </div>
        <script>
            MathJax = {
              tex: {
                inlineMath: [['$', '$'], ['\\(', '\\)']]
              }
            };
          </script>
    </body>
</html>