Как сделать таблицу Менделеева в html? Напишите хотя бы код одной ячейки)
2
-
15 минут и будет готово) – Palmervan 6 окт '11 в 10:25
-
а как сделать так чтобы она была номером и массой? – Dr Vadik 6 окт '11 в 10:31
добавить комментарий
|
3 ответа
Это одна ячейка. Все остальные - аналогично. Общий вид таблицы вам уже показал @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>Хром</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 6 окт '11 в 10:40
-
-
-
-
Я не химик, но суть я думаю ясна! Подставить, убрать лишнее, нужное закрасить)
<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>
елементы | елементы | |
---|---|---|
елементы | елементы | елементы |
елементы | елементы | елементы |
<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>