Calendar HTML

Posted In Programare web - By HeD On marți, iulie 12th, 2011 With 0 Comments

Cum realizam un calendar HTML ?

In acest articol vom vedea cum putem realiza un calendar lunar HTML . Vom folosi de elementele pentru tabel care le gasiti aici Lista cu elementele HTML (partea I) si aici Lista cu elementele HTML (partea II) .
Un exemplu de calendar lunar + cod sursa gasiti mai jos :

<table bgcolor=”#FFFFFF” border=”2″ cellspacing=”2″ cellpadding=”2″>
<tr>
<td bgcolor=”#996666″ colspan=”7″ align=”center”><b>Iulie 2011</b></td>
</tr>
<tr>
<td bgcolor=”#A8A8A8″ align=”center”>Lun</td>
<td bgcolor=”#A8A8A8″ align=”center”>Mar</td>
<td bgcolor=”#A8A8A8″ align=”center”>Mie</td>
<td bgcolor=”#A8A8A8″ align=”center”>Joi</td>
<td bgcolor=”#A8A8A8″ align=”center”>Vin</td>
<td bgcolor=”#A8A8A8″ align=”center”>Sam</td>
<td bgcolor=”#A8A8A8″ align=”center”>Dum</td>
</tr>
<tr>
<td align=”center”></td>
<td align=”center”></td>
<td align=”center”></td>
<td align=”center”></td>
<td align=”center”>1</td>
<td align=”center”>2</td>
<td align=”center”>3</td>
</tr>
<tr>
<td align=”center”>4</td>
<td align=”center”>5</td>
<td align=”center”>6</td>
<td align=”center”>7</td>
<td align=”center”>8</td>
<td align=”center”>9</td>
<td align=”center”>10</td>
</tr>
<tr>
<td align=”center”>11</td>
<td align=”center”>12</td>
<td align=”center”>13</td>
<td align=”center”>14</td>
<td align=”center”>15</td>
<td align=”center”>16</td>
<td align=”center”>17</td>
</tr>
<tr>
<td align=”center”>18</td>
<td align=”center”>19</td>
<td align=”center”>20</td>
<td align=”center”>21</td>
<td align=”center”>22</td>
<td align=”center”>23</td>
<td align=”center”>24</td>
</tr>
<tr>
<td align=”center”>25</td>
<td align=”center”>26</td>
<td align=”center”>27</td>
<td align=”center”>28</td>
<td align=”center”>29</td>
<td align=”center”>30</td>
<td align=”center”>31</td>
</tr>
</table>