HTML membuat desain kalender
Ini adalah script html untuk kalender diatas. Tetapi saya membuat htmlnya menggunakan HTML editor software 'dreamweaver' agar lebih memudahkan dalam mengerjakannya:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tugas Calendar</title>
</head>
<body background="KTYXHJ_2011.jpg">
<h1><marquee><font color="#FFFFFF" face="ArgosContour">Calendar 2013</font></marquee></h1>
<table width="600" align="center" height="600" border="2">
<tr background="Capture7_45_35.jpg">
<td width="600" height="300" colspan="7" background="blum.jpg"><center><font face="ArgosContour" color="#993300" size="+6"><b>Januari</b></font></center></td></tr>
<tr>
<td bgcolor="#FFFFFF"><center><font color="#FF0000" face="action jackson"><h2>Sun</h2></td>
<td bgcolor="#990000"><center><h2><font face="action jackson">Mon</font></h2></center></td>
<td bgcolor="#990000"><center><h2><font face="action jackson">Tue</font></h2></center></td>
<td bgcolor="#990000"><center><h2><font face="action jackson">Wed</font></h2></center></td>
<td bgcolor="#990000"><center><h2><font face="action jackson">Thu</font></h2></center></td>
<td bgcolor="#990000"><center><h2><font face="action jackson">Fri</font></h2></center></td>
<td bgcolor="#990000"><center><h2><font face="action jackson">Sat</font></h2></center></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#990000"></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>1</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>2</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>3</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>4</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>5</center></font></h2></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><h2><font color='#FF0000' face="action jackson"><center>6</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>7</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>8</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>9</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>10</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>11</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>12</center></font></h2></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><h2><font color="#FF0000" face="action jackson"><center>13</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>14</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>15</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>16</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>17</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>18</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>19</center></font></h2></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><h2><font color="#FF0000" face="action jackson"><center>20</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>21</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>22</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>23</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>24</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>25</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>26</center></font></h2></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><h2><font color="#FF0000" face="action jackson"><center>27</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>28</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>29</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>30</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>31</center></font></h2></td>
<td bgcolor="#990000"></td>
<td bgcolor="#990000"></td>
</tr>
</table>
<h6><marquee>Copyright 2011 Design by Ananda Larassati E</marquee></h6>
</body>
</html>
<h1><marquee><font color="#FFFFFF" face="ArgosContour">Calendar 2013</font></marquee></h1>
<table width="600" align="center" height="600" border="2">
<tr background="Capture7_45_35.jpg">
<td width="600" height="300" colspan="7" background="blum.jpg"><center><font face="ArgosContour" color="#993300" size="+6"><b>Januari</b></font></center></td></tr>
<tr>
<td bgcolor="#FFFFFF"><center><font color="#FF0000" face="action jackson"><h2>Sun</h2></td>
<td bgcolor="#990000"><center><h2><font face="action jackson">Mon</font></h2></center></td>
<td bgcolor="#990000"><center><h2><font face="action jackson">Tue</font></h2></center></td>
<td bgcolor="#990000"><center><h2><font face="action jackson">Wed</font></h2></center></td>
<td bgcolor="#990000"><center><h2><font face="action jackson">Thu</font></h2></center></td>
<td bgcolor="#990000"><center><h2><font face="action jackson">Fri</font></h2></center></td>
<td bgcolor="#990000"><center><h2><font face="action jackson">Sat</font></h2></center></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#990000"></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>1</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>2</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>3</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>4</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>5</center></font></h2></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><h2><font color='#FF0000' face="action jackson"><center>6</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>7</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>8</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>9</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>10</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>11</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>12</center></font></h2></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><h2><font color="#FF0000" face="action jackson"><center>13</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>14</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>15</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>16</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>17</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>18</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>19</center></font></h2></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><h2><font color="#FF0000" face="action jackson"><center>20</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>21</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>22</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>23</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>24</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>25</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>26</center></font></h2></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><h2><font color="#FF0000" face="action jackson"><center>27</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>28</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>29</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>30</center></font></h2></td>
<td bgcolor="#990000"><h2><font face="Action Jackson" color="#FFFFFF"><center>31</center></font></h2></td>
<td bgcolor="#990000"></td>
<td bgcolor="#990000"></td>
</tr>
</table>
<h6><marquee>Copyright 2011 Design by Ananda Larassati E</marquee></h6>
</body>
</html>
</body>
</html>
</html>
0 komentar:
Posting Komentar