Senin, 01 Oktober 2012

Membuat Calendar Menggunakan HTML





Dengan menggunakan html kita juga dapat membuat kalendar seperti yang ada pada gambar diatas, dengan menggunakan perintah" dibawah ini :

<html>
 <head>
  <title>Calendar 2012</title>
 </head>
   <body background="a.jpg">
   <center><TABLE WIDTH="800" ALIGN="CENTER" HEIGHT="550" BORDER="4" >
   <tr>
   <td WIDTH="900" background="a.jpg"  ALIGN="CENTER" HEIGHT="100" colspan="7"><Center><h1><font color="white" size="20" face="Broadway">Oktober</td>
   </tr>
   <TR>
   <td background="f.jpg"><center><font size="7"><font face="Broadway"><font color="red">Sun</td>
   <td background="f.jpg"><center><font size="7"><font color="white" face="Broadway">Mon</td>
   <td background="f.jpg"><center><font size="7"><font color="white" face="Broadway">Tue</td>
   <td background="f.jpg"><center><font size="7"><font color="white" face="Broadway">Wed</td>
   <td background="f.jpg"><center><font size="7"><font color="white" face="Broadway">Thu</td>
   <td background="f.jpg"><center><font size="7"><font color="white" face="Broadway">Fri</td>
   <td background="f.jpg"><center><font size="7"><font color="white" face="Broadway">Sat</td>
   </tr>
   <tr>
   <td background="v.jpg"><center><font color="red" size="6"><b>30</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>1</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>2</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>3</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>4</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>5</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>6</td>
   </tr>
   <tr>
   <td background="v.jpg"><center><font color="red" size="6"><b>7</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>8</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>9</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>10</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>11</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>12</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>13</td>
   </tr>
   <tr>
   <td background="v.jpg"><center><font color="red" size="6"><b>14</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>15</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>16</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>17</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>18</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>19</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>20</td>
   </tr>
   <tr>
   <td background="v.jpg"><center><font color="red" size="6">21</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>22</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>23</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>24</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>25</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>26</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>27</td>
   </tr>
   <tr>
   <td background="v.jpg"><center><font color="red" size="6">28</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>29</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>30</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>31</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>1</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>2</td>
   <td background="v.jpg"><center><font color="white" size="6"><b>3</td>
 
 
   </body>
   <marquee><font size="150" color="white" Face="broadway">OQ CALENDAR 2012</font></marquee>

   <html>

Tidak ada komentar:

Posting Komentar