How to make a periodic table in html? Write at least one cell code)
- 15 minutes and will be ready) - Palmervan
- and how to make it so that it was a number and mass? - Dr Vadik
|
3 answers
This is one cell. All others are similar. The general view of the table you already showed @Gorets . =)
<table style="border: 1px solid"> <tr><th>24</th><td rowspan="3" style="font-size: 66px">Cr</td><td>Хром</td></tr> <tr><td rowspan="2"><small><u>52</u>-54</small></td><td>s<sup>1</sup>d<sup>5</sup></td></tr> <tr><td>51,996</td></tr> </table>
- <table style = "border: 1px solid"> <tr> <th> 24 </ th> <td rowspan = "3" style = "font-size: 66px"> Cr </ td> <td> Chrome </ td> </ tr> <tr> <td rowspan = "2"> <small> <u> 52 </ u> -54 </ small> </ td> <td> s <sup> 1 </ sup> d <sup> 5 </ sup> </ td> </ tr> <tr> <td> 51,996 </ td> </ tr> </ table> - Gorets
- I inserted the code - the result is higher, but I see something chemical =) - Gorets
- It is useless to insert the result. For example, the font size is cut out - knes
- Tick left - knes
- Pictures of the easiest! PICTURES - Anton Mukhin
|
I'm not a chemist, but the point I think is clear! Substitute, remove unnecessary, necessary to paint over)
<table cellpadding="10" border="1"> <tr align="center"> <td> </td> <td> </td> <td>I</td> <td>II</td> <td>III</td> <td>IV</td> <td>V</td> <td>VI</td> <td>VII</td> <td colspan="4">VIII</td> </tr> <tr align="center"> <td>1</td> <td>I</td> <td bgcolor="#fffca3">Symb</td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td bgcolor="#fffca3">Symb</td> </tr> <tr align="center"> <td>2</td> <td>II</td> <td bgcolor="#fffca3">Symb</td> <td bgcolor="#fffca3">Symb</td> <td bgcolor="#95cfff">Symb</td> <td bgcolor="#cb9cfc">Symb</td> <td bgcolor="#cb9cfc">Symb</td> <td bgcolor="#cb9cfc">Symb</td> <td bgcolor="#cb9cfc">Symb</td> <td> </td> <td> </td> <td> </td> <td bgcolor="#cb9cfc">Symb</td> </tr> <tr align="center"> <td>3</td> <td>III</td> <td bgcolor="#fffca3">Symb</td> <td bgcolor="#fffca3">Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td> </td> <td> </td> <td> </td> <td>Symb</td> </tr> <tr align="center"> <td rowspan="2">4</td> <td rowspan="2">IV</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> </tr> <tr align="center"> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td> </td> <td> </td> <td>Symb</td> </tr> <tr align="center"> <td rowspan="2">5</td> <td rowspan="2">V</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> </tr> <tr align="center"> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td> </td> <td> </td> <td>Symb</td> </tr> <tr align="center"> <td rowspan="2">6</td> <td rowspan="2">VI</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> </tr> <tr align="center"> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td> </td> <td> </td> <td>Symb</td> </tr> <tr align="center"> <td rowspan="2">7</td> <td rowspan="2">VII</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> </tr> <tr align="center"> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td>Symb</td> <td> </td> <td> </td> <td>Symb</td> </tr> </table>
- Well, why are you so =) for half an hour, almost, =) and spoke for only 15 minutes)))) - Gorets
- At work along the way still Spar))) - Palmervan
|
elements | elements | |
---|---|---|
elements | elements | elements |
elements | elements | elements |
<TABLE BORDER=1 bordercolor=darkblue> <CAPTION ALIGN=bottom> Таблица Менделеева </CAPTION> <TR><TH>елементы</TH><TH>елементы</TH></TR> <TR><TD>елементы</TD><TD ALIGN=center>елементы</TD><TD ALIGN=center>елементы</TD></TR> <TR><TD>елементы</TD><TD ALIGN=center>елементы</TD><TD ALIGN=center>елементы</TD></TR> </TABLE>
|