Pada artikel sebelumnya, saya membahas bagaimana membuat biodata diri kia menggunakan HTML. Sekarang kita akan belajar pula Membuat Kalender menggunakan HTML nih Boss. Biasanya yang kita ketahui, untuk membuat kalender pasti kita menggunakan program aplikasi seperti CorelDraw, Adobe Photoshop, bahkan Microsoft Excel, atau software khusus untuk membuat kalender. Bukan berarti dengan HTML kita tidak bisa membuat Kalender boss Kali ini saya akan mengajarkan anda membuat Kalender dari Bulan Desember 2012 saja sebagai contohnya. Oke, langsung saja boss, check this out!!
1. Buka terlebih dahulu Notepad++ kalian.
2. Setelah kita Masuk ke programnya, langsung saja sob, copy semua kode dibawah ini, dan pastekan di
Notepad++ kalian :
Notepad++ kalian :
<html>
<head>
<title>Kalender Desember 2012</title>
<body>
<center>
<font size="20px">
Kalender Desember 2012
</font>
<br>
<br>
<br>
<table border="2" width="800" height="500">
<tr height="40">
<td><b><font size="5">Senin</font></td>
<td><b><font size="5">Selasa</font></td>
<td><b><font size="5">Rabu</font></td>
<td><b><font size="5">Kamis</font></td>
<td><b><font size="5">Jumat</font></td>
<td><b><font size="5">Sabtu</font></td>
<td width="100"><b><font size="5" color="red">Minggu</font></td>
</tr>
<tr>
<td><font size="5" color="grey">26</font></td>
<td><font size="5" color="grey">27</font></td>
<td><font size="5" color="grey">28</font></td>
<td><font size="5" color="grey">29</font></td>
<td><font size="5" color="grey">30</font></td>
<td><font size="5">1</font></td>
<td><font size="5">2</font></td>
</tr>
<tr>
<td><font size="5">3</font></td>
<td><font size="5">4</font></td>
<td><font size="5">5</font></td>
<td><font size="5">6</font></td>
<td><font size="5">7</font></td>
<td><font size="5">8</font></td>
<td><font size="5">9</font></td>
</tr>
<tr>
<td><font size="5">10</font></td>
<td><font size="5">11</font></td>
<td><font size="5">12</font></td>
<td><font size="5">13</font></td>
<td><font size="5">14</font></td>
<td><font size="5">15</font></td>
<td><font size="5">16</font></td>
</tr>
<tr>
<td><font size="5">17</font></td>
<td><font size="5">18</font></td>
<td><font size="5">19</font></td>
<td><font size="5">20</font></td>
<td><font size="5">21</font></td>
<td><font size="5">22</font></td>
<td><font size="5">23</font></td>
</tr>
<tr>
<td><font size="5">24</font></td>
<td><font size="5">25</font></td>
<td><font size="5">26</font></td>
<td><font size="5">27</font></td>
<td><font size="5">28</font></td>
<td><font size="5">29</font></td>
<td><font size="5">30</font></td>
</tr>
<tr>
<td><font size="5">31</font></td>
<td><font size="5" color="grey">1</font></td>
<td><font size="5" color="grey">2</font></td>
<td><font size="5" color="grey">3</font></td>
<td><font size="5" color="grey">4</font></td>
<td><font size="5" color="grey">5</font></td>
<td><font size="5" color="grey">6</font></td>
</tr>
</table>
</center>
</body>
</head>
</html>
3. Jika Sudah, di save, kemudian dibuka di web browser anda masing-masing. Pasti hasilnya seperti gambar dibawah ini, klik saja gambarnya untuk diperbesar :
Oke begitulah dasarnya. Sisanya, kalian kembangkan sendiri dengan kreatifitas anda. Jika ada yang ingin ditanya, kirim pesan aja di chatbox yang berada di sidebar kanan blog saya.
Terima Kasih.
Tidak ada komentar:
Posting Komentar