Recent Post

Jumat, 28 September 2012

Tutorial Membuat Calender dengan HTML

Saya kali ini mau berbagi tutorial membuat kalender dengan html .. :)

Kalender

Minggu Senin Selasa Rabu Kamis Jum'at Sabtu
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

Keren kan gan :) ini scriptnya gan monggo dicopy

<title>Kalender</title>
        <style>
        th, td {
        text-align:center;
        font-weight:bold;
        }
        .merah {
            background:red;
            color:#fff;
        }
        </style>
     
     
        <table border="2" cellpadding="7" cellspacing="7">
<tbody><tr>
                <th class="merah">Minggu</th>
                <th>Senin</th>
                <th>Selasa</th>
                <th>Rabu</th>
                <th>Kamis</th>
                <th>Jum'at</th>
                <th>Sabtu</th>
            </tr>
<tr>
                <td class="merah"> </td>
                <td> </td>
                <td> </td>
                <td> </td>
                <td> </td>
                <td> </td>
                <td>1</td>
            </tr>
<tr>
                <td class="merah">2</td>
                <td>3</td>
                <td>4</td>
                <td>5</td>
                <td>6</td>
                <td>7</td>
                <td>8</td>
            </tr>
<tr>
                <td class="merah">9</td>
                <td>10</td>
                <td>11</td>
                <td>12</td>
                <td>13</td>
                <td>14</td>
                <td>15</td>
            </tr>
<tr>
                <td class="merah">16</td>
                <td>17</td>
                <td>18</td>
                <td>19</td>
                <td>20</td>
                <td>21</td>
                <td>22</td>
            </tr>
<tr>
                <td class="merah">23</td>
                <td>24</td>
                <td>25</td>
                <td>26</td>
                <td>27</td>
                <td>28</td>
                <td>29</td>
            </tr>
<tr>
                <td class="merah">30</td>
                <td> </td>
                <td> </td>
                <td> </td>
                <td> </td>
                <td> </td>
                <td> </td>
                 
            </tr>
</tbody></table>

0 komentar:

Posting Komentar