Internet Technologies
1.0.0
1.0.0
  • Introduction
  • Contents
  • Practical List
  • HTML & CSS
    • Q1
    • Q2
    • Q3
    • Q4
    • Q5
  • JAVA Programs
    • Q6
    • Q7
    • Q8
    • Q9
    • Q10
    • Q11
    • Q12
  • JAVASCRIPT
    • Q13
    • Q14
    • Q15
  • JDBC
    • Q16
    • Q17
  • JSP
    • Side Note
    • Q18
    • Q19
    • Q20
    • Q21
    • Q22
    • Q23
  • End
Powered by GitBook
On this page
  • Code
  • Output
  1. HTML & CSS

Q3

Question 3

PreviousQ2NextQ4

Last updated 4 years ago

Create your time table using HTML tables.

Tags that will be used:

  • <table>

  • <tr>

  • <td>

and other attributes to stylize.

Code

<html>

<head>
  <title>
    html-3
  </title>
</head>

<body>

  <center>
    <h1>TIME TABLE</h1>
  </center>
  <table border="5" cellspacing="0" align="center">
    <!--<caption>Timetable</caption>-->
    <tr>
      <td align="center" height="50" width="100"><br>
        <b>Day/Period</b></br>
      </td>
      <td align="center" height="50" width="100">
        <b>I<br>9:30-10:20</b>
      </td>
      <td align="center" height="50" width="100">
        <b>II<br>10:20-11:10</b>
      </td>
      <td align="center" height="50" width="100">
        <b>III<br>11:10-12:00</b>
      </td>
      <td align="center" height="50" width="100">
        <b>12:00-12:40</b>
      </td>
      <td align="center" height="50" width="100">
        <b>IV<br>12:40-1:30</b>
      </td>
      <td align="center" height="50" width="100">
        <b>V<br>1:30-2:20</b>
      </td>
      <td align="center" height="50" width="100">
        <b>VI<br>2:20-3:10</b>
      </td>
      <td align="center" height="50" width="100">
        <b>VII<br>3:10-4:00</b>
      </td>
    </tr>
    <tr>
      <td align="center" height="50">
        <b>Monday</b>
      </td>
      <td align="center" height="50">English</td>
      <td align="center" height="50">Mathematics</td>
      <td align="center" height="50">Chemistry</td>
      <td rowspan="6" align="center" height="50">
        <h2>L<br>U<br>N<br>C<br>H</h2>
      </td>
      <td colspan="3" align="center" height="50">LAB</td>
      <td align="center" height="50">Physics</td>
    </tr>
    <tr>
      <td align="center" height="50">
        <b>Tuesday</b>
      </td>
      <td colspan="3" align="center" height="50">LAB
      </td>
      <td align="center" height="50">English</td>
      <td align="center" height="50">Chemistry</td>
      <td align="center" height="50">Mathematics</td>
      <td align="center" height="50">SPORTS</td>
    </tr>
    <tr>
      <td align="center" height="50">
        <b>Wednesday</b>
      </td>
      <td align="center" height="50">Mathematics</td>
      <td align="center" height="50">Physics</td>
      <td align="center" height="50">English</td>
      <td align="center" height="50">Chemistry</td>
      <td colspan="3" align="center" height="50">LIBRARY
      </td>
    </tr>
    <tr>
      <td align="center" height="50">
        <b>Thursday</b>
      </td>
      <td align="center" height="50">Physics</td>
      <td align="center" height="50">English</td>
      <td align="center" height="50">Chemistry</td>
      <td colspan="3" align="center" height="50">LAB
      </td>
      <td align="center" height="50">Mathematics</td>
    </tr>
    <tr>
      <td align="center" height="50">
        <b>Friday</b>
      </td>
      <td colspan="3" align="center" height="50">LAB
      </td>
      <td align="center" height="50">Mathematics</td>
      <td align="center" height="50">Chemistry</td>
      <td align="center" height="50">English</td>
      <td align="center" height="50">Physics</td>
    </tr>
    <tr>
      <td align="center" height="50">
        <b>Saturday</b>
      </td>
      <td align="center" height="50">English</td>
      <td align="center" height="50">Chemistry</td>
      <td align="center" height="50">Mathematics</td>
      <td colspan="3" align="center" height="50">SEMINAR
      </td>
      <td align="center" height="50">SPORTS</td>
    </tr>
  </table>

</body>

</html>

Output

Try or Test The Corresponding Code Here

Browse Source Code
Live Demo html-3.html
3KB
html-3.html
Download html-3.html
Image output for html-3.html