HTML pages for web scraping activities

  1. intro.html
  2. times.html
  3. timetable.html

intro.html

<!DOCTYPE html>
<html>
  <head>
    <title>Web Scraping Sample</title>
  </head>
  <body>
  </body>
</html>

times.html

<!DOCTYPE html>
<html>
<head>
    <title>Times</title>
<style>
table {
  border-collapse: collapse;
}

table, th, td {
  border: 1px solid black;
}

th {
  background-color: green;
  color: white;
}
</style>
</head>
<body>
<section id="Times">
  <h1>Times</h1>
  <table border=1>
    <tr> <!-- table row -->
      <th>Period</th>  <!-- table header cell -->
      <th>Time</th>
    </tr>
    <tr>
      <td>1</td>
      <td>0845-0945</td>
    </tr>
    <tr>
      <td>2</td>
      <td>0945-1045</td>
    </tr>
    <tr>
      <td>3</td>
      <td>1115-1215</td>
    </tr>
    <tr>
      <td>4</td>
      <td>1215-1315</td>
    </tr>
    <tr>
      <td>5</td>
      <td>1345-1445</td>
    </tr>
  </table>
</section>
    
<section id="Disclaimer">
  <p>The grounds are supervised between the hours of 0800 and 1530.</p>
</section>
</body>
</html>

timetable.html

<!DOCTYPE html>
<html>
<head>
    <title>Timetable</title>
<style>
table {
  border-collapse: collapse;
}

table, th, td {
  border: 1px solid black;
}

th {
  background-color: green;
  color: white;
}
    
.room {
  color: magenta;
  font-weight: bold;
}
</style>
</head>
<body>
<section id="Timetable">
  <h1>Timetable</h1>
  <table border=1>
    <tr> <!-- table row -->
      <th>Period</th>  <!-- table header cell -->
      <th>Monday</th>
      <th>Tuesday</th>
      <th>Wednesday</th>
      <th>Thursday</th>
      <th>Friday</th>
    </tr>
    <tr>
      <td>1</td>  <!-- table data cell -->
      <td>Maths <span class="room">A1</span></td>
      <td>English <span class="room">B2</span></td>
      <td><a href="https://en.wikipedia.org/wiki/School_assembly">Assembly</a></td>
      <td>Geography <span class="room">C2</span></td>
      <td>Science <span class="room">SL1</span></td>
    </tr>
    <tr>
      <td>2</td>
      <td>Maths <span class="room">A1</span></td>
      <td>English <span class="room">B2</span></td>
      <td>Art <span class="room">H4</span></td>
      <td>Geography <span class="room">C2</span></td>
      <td>Science <span class="room">SL1</span></td>
    </tr>
    <tr>
      <td>3</td>
      <td>Art <span class="room">H4</span></td>
      <td>Science <span class="room">SL1</span></td>
      <td>Art <span class="room">H4</span></td>
      <td>English <span class="room">B2</span></td>
      <td>Geography <span class="room">C2</span></td>
    </tr>
    <tr>
      <td>4</td>
      <td>Science <span class="room">SL1</span></td>
      <td>Maths <span class="room">A1</span></td>
      <td><a href="https://en.wikipedia.org/wiki/Sport">Sport</a></td>
      <td>Maths <span class="room">A1</span></td>
      <td>Geography <span class="room">C2</span></td>
    </tr>
    <tr>
      <td>5</td>
      <td>English <span class="room">B2</span></td>
      <td>Art <span class="room">H4</span></td>
      <td><a href="https://en.wikipedia.org/wiki/Sport">Sport</a></td>
      <td>Maths <span class="room">A1</span></td>
      <td>English <span class="room">B2</span></td>
    </tr>
  </table>
  <span>disclaimer: timetable subject to change</span>
</section>
</body>
</html>