Buat Menggunakan Html dan CSS
Jawab :
<html>
<head><center><b><h1> Jadwal Mata Pelajaran </h1></b></center>
<title> Tugas Ustadz Alfin </title>
<style type="text/css">
#header {
background-color :#0ba808;
}
#color1 {
background-color :#9ff9bc;
}
#color1:hover{
color: white;
background-color :brown;
}
#color2 {
background-color :#e1f2e6;
}
#color2:hover {
color: white;
background-color : black;
}
font {
color: white;
background-color :#0ba808;
}
font:hover {
color: black;
background-color: white;
}
#pengajar:hover {
color: blue;
background-color: pink;
}
</style>
</head>
<body>
<center>
<p><table border ="1">
<tr>
<th id = "header" width = "150" height = "60"><font color = "white"> Jam </font></th>
<th id = "header" width = "150" ><font> Senin </font></th>
<th id = "header" width = "150" ><font> Selasa </font></th>
<th id = "header" width = "150" ><font> Rabu </font></th>
<th id = "header" width = "150" ><font> Kamis </font></th>
<th id = "header" width = "150" ><font> Jum'at </font></th>
<th id = "header" width = "150" ><font> Sabtu </font></th>
<th id = "header" width = "150" ><font> Ahad </font></th>
</tr>
<tr>
<th id = "header" height = "60"><font color = "white"> 05:00-06:00 </font></th>
<th id = "color1"> Tahfidz </th>
<th id = "color1"> Tahfidz </th>
<th id = "color1"> Tahfidz </th>
<th id = "color1"> Tahfidz </th>
<th id = "color1"> Tahfidz </th>
<th id = "color1"> Tahfidz </th>
<th id = "color1"> Tahfidz </th>
</tr>
<tr>
<th id = "header" height = "60"><font color = "white"> 06:00-08:00 </font></th>
<th id = "color2"> Mandi/Sarapan </th>
<th id = "color2"> Mandi/Sarapan </th>
<th id = "color2"> Mandi/Sarapan </th>
<th id = "color2"> Mandi/Sarapan </th>
<th id = "color2" width = "150" rowspan = "2"> Bersih - Bersih </th>
<th id = "color2"> Mandi/Sarapan </th>
<th id = "color2"> Mandi/Sarapan </th>
</tr>
<tr>
<th id = "header" height = "60"><font color = "white"> 08:00-09:00 </font></th>
<th id = "color1"> Fiqih </th>
<th id = "color1"> Hadits </th>
<th id = "color1"> Speaking </th>
<th id = "color1" rowspan = "2"> Web Desain 1 </th>
<th id = "color1"> Grammar </th>
<th id = "color1"> Review Desain Grafis </th>
</tr>
<tr>
<th id = "header" height = "60" rowspan = "2"><font color = "white"> 09:00-11:00 </font></th>
<th id = "color2" rowspan = "2"> Web Programing 1 </th>
<th id = "color2" rowspan = "2"> Design Grafis 1 </th>
<th id = "color2" rowspan = "2"> Web Programing 1 </th>
<th id = "color2" rowspan = "2"> Olahraga </th>
<th id = "color2" rowspan = "2"> Video </th>
<th id = "color2" height = "40" > Review Web Desain </th>
</tr>
<tr>
<th id = "color2" height = "40"> Aqidah </th>
<th id = "color2"> Review Database </th>
</tr>
<tr>
<th id = "header" height = "60"><font color = "white"> 11:00-13:00 </font></th>
<th id = "color1" colspan = "7"> Istirahat/ Shalat/ Makan Siang </th>
</tr>
<tr>
<th id = "header" height = "60"><font color = "white"> 13:00-15:00 </font></th>
<th id = "color2" colspan = "7"> Jam Cadangan </th>
</tr>
<tr>
<th id = "header" height = "60"><font color = "white"> 15:00-19:00 </font></th>
<th id = "color1"> Tahsin Qiroati </th>
<th id = "color1"> Olahraga </th>
<th id = "color1"> Tahsin Qiroati </th>
<th id = "color1"> Bahasa Arab </th>
<th id = "color1"> Tahsin Qiroati </th>
<th id = "color1"> Olahraga </th>
<th id = "color1"> Olahraga </th>
</tr>
<tr>
<th id = "header" height = "60"><font color = "white"> 19:00-21:00 </font></th>
<th id = "color2"> Web Design 1 </th>
<th id = "color2"> Database 1 </th>
<th id = "color2"> Saqofa </th>
<th id = "color2"> Database 1 </th>
<th id = "color2"> Desain Grafis 1 </th>
<th id = "color2"> Basic Hacking </th>
<th id = "color2"> Review Web Programing </th>
</tr>
</table>
</center>
<table id="pengajar">
<tr> <td>Fiqih</td><td>=</td><td>Ust Irhamullah</td>
<tr> <td>Speaking</td><td>=</td><td> Ust Irhamullah</td>
<tr> <td>Grammar</td><td>=</td><td>Ust Irhamullah</td>
<tr> <td>Hadits</td><td>=</td><td>Ust Irhamullah</td>
<tr> <td>Video</td><td>=</td><td>Mas Diki</td>
<tr> <td>Web Design</td><td>=</td><td>Ust Alfin</td>
<tr> <td>Database</td><td>=</td><td>Ust Fuad</td>
<tr> <td>Laravel</td><td>=</td><td>Ust Nuli</td>
<tr> <td>Hacking</td><td>=</td><td>Mas Waskita</td>
<tr> <td>Aqidah</td><td>=</td><td>Ust Ikhsan</td>
<tr> <td>Tarbiyah</td><td>=</td><td>Ust Qudus</td>
</tables>
</body>
<html>
Tidak ada komentar:
Posting Komentar