Saya kali ini mau berbagi tutorial membuat kalender dengan html .. :)
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