Langsung ke konten utama

Membuat Tanggal Lahir di HTML

Hai...
Kali ini saya akan membuat tentang cara membuat tanggal lahir di html.
Yuk masuk ke scriptnya............


 Ini dia html nya :
<html>
<head>
<title>Tanggal Lahirku</title>
<style type="text/css">
container{width: 700px; margin:auto;}
th{padding: 20px; background-color: DeepSkyBlue; color:white; font-family: calibri;}
td{text-align: center; padding: 10px 0; background-color: #C0C0C0;}
#red{color:red;}
#grey{color:DimGray;}
#whitebgred{color:red; background-color:white;}
#whitebg{background-color:white;}
h1{text-align: center; font-family: calibri;}
</style>
</head>
<body>
<div class="container">
<br>
<br>
<center>
<h3>TANGGAL LAHIRKU</h3>
<h3>ADZAN CANDRA PRATISTA</h3>
<h3>XII MULTIMEDIA 1</h3>
<table>
<tr>
  <td id="whitebg">APRIL</td>
  <td id="whitebg"></td>
<td id="whitebg"></td>
<td id="whitebg"></td>
  <td id="whitebg"></td>
  <td id="whitebg"></td>
  <td id="whitebg">2002</td>
  </tr>
<tr>
    <th id="red">&emsp;Minggu&emsp;</th>
    <th>&emsp;Senin&emsp;</th>
    <th>&emsp;Selasa&emsp;</th>
    <th>&emsp;Rabu&emsp;</th>
    <th>&emsp;Kamis&emsp;</th>
    <th>&emsp;Jumat&emsp;</th>
    <th>&emsp;Sabtu&emsp;</th>
  </tr>
<tr>
    <td id="grey">31</td>
    <td><img height="15" src="https://icon-icons.com/icons2/1324/PNG/512/gift2_86971.png" width="15" />1<img height="15" src="https://icon-icons.com/icons2/1324/PNG/512/gift2_86971.png" width="15" /></td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
<tr>
    <td id="whitebgred">7</td>
    <td id="whitebg">8</td>
    <td id="whitebg">9</td>
    <td id="whitebg">10</td>
    <td id="whitebg">11</td>
    <td id="whitebg">12</td>
    <td id="whitebg">13</td>
  </tr>
<tr>
    <td id="red">14</td>
    <td>15</td>
    <td>16</td>
    <td>17</td>
    <td>18</td>
    <td>19</td>
    <td>20</td>
  </tr>
<tr>
    <td id="whitebgred">21</td>
    <td id="whitebg">22</td>
    <td id="whitebg">23</td>
    <td id="whitebg">24</td>
    <td id="whitebg">25</td>
    <td id="whitebg">26</td>
    <td id="whitebg">27</td>
  </tr>
<tr>
    <td id="red">28</td>
    <td>29</td>
    <td>30</td>
    <td id="grey">1</td>
    <td id="grey">2</td>
    <td id="grey">3</td>
    <td id="grey">4</td>
  </tr>
</table>
</center>
</div>
</body>
</html>

Ini hasilnya :

Tanggal Lahirku


TANGGAL LAHIRKU

ADZAN CANDRA PRATISTA

XII MULTIMEDIA 1

APRIL 2002
 Minggu   Senin   Selasa   Rabu   Kamis   Jumat   Sabtu 
31 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 1 2 3 4

Sekian terima kasih lur.................

Komentar

Posting Komentar