Html-Assignment/Class Timetable.html at master · Slv-WebTech/Html-Assignment · GitHub

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Class Time-Table</title>
  </head>
  <body>
    <p>
      Q.1 Create your class time table by using table and color tag in HTML.
    </p>
    <br />
    <table>
      <th>Days</th>
      <th>11:10-12:00</th>
      <th>12:00-12:50</th>
      <th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
      <th>01:20-02:10</th>
      <th>02:10-03:00</th>
      <tr>
        <td>Mon.</td>
        <td>IT-402</td>
        <td>IT-403</td>
        <td rowspan="6" style="background-color: rgba(199, 132, 77, 0.39)">
          L<br /><br />U<br /><br />N<br /><br />C<br /><br />H<br /><br />
        </td>
        <td>IT-404</td>
        <td>IT-401</td>
      </tr>
      <tr>
        <td>Tue.</td>
        <td>IT-402</td>
        <td>IT-405</td>
        <td>IT-403</td>
        <td>IT-402</td>
      </tr>
      <tr>
        <td>Wed.</td>
        <td>IT-404</td>
        <td>IT-401</td>
        <td>IT-405</td>
        <td>IT-403</td>
      </tr>
      <tr>
        <td>Thu.</td>
        <td>IT-406</td>
        <td>IT-401</td>
        <td>IT-403</td>
        <td>IT-404</td>
      </tr>
      <tr>
        <td>Fri.</td>
        <td>IT-405</td>
        <td>IT-407</td>
        <td>IT-402</td>
        <td>IT-406</td>
      </tr>
    </table>
    <style>
      p {
        font-weight: bold;
        color: rgb(238, 59, 59);
        text-align: center;
        margin-top: 5em;
        font-size: 2.5em;
      }
      body {
        background-color: rgb(243, 200, 200);
      }
      table {
        text-align: center;
        border: 1px solid rgb(173, 53, 53);
        margin: 10em auto;
        color: rgb(255, 106, 47);
      }
      th {
        border-bottom: 1px solid purple;
        border-right: 1px solid purple;
        font-size: 2em;
        padding: 6px 17px 6px 17px;
      }
      td {
        border-left: 1px solid grey;
        border-bottom: 1px solid orange;
        font-size: 1.5em;
        padding: 7px;
      }
    </style>
  </body>
</html>