Starter Tutorials

A tutorial site for beginners!

Starter tutorials contains well written tutorials on various technologies. Simple examples have been provided through out the tutorials to help the beginners understand them in a easy way.

Go to Blog »

Problem Statement

Create a webpage which displays the class time table and apply the following effects on the table:

  • For the table header apply blue as the background colour and white for the colour of the text in the table header.
  • Display day names (Mon, Tue etc...) in bold format with the first letter in the day name in uppercase.
  • Display lunch slightly in bigger font other than the remaining text.


Source Code:


ex2.html


ex2style.css


Output:

Period 1 2 3 4 12.30PM-1.30PM 5 6 7
Day 8.30AM-9.30AM 9.30AM-10.30AM 10.40AM-11.30AM 11.30AM-12.30AM 1.30PM-2.30PM 2.30PM-3.30PM 3.30PM-4.30PM
mon AJWT ACN DAA UP L
U
N
C
H		 IPR2 CA MS
tue ACN MS UP DAA AJWT LAB
wed CA MS DAA ACN IPR2 AJWT UP
thu UP DAA AJWT CA CN&UNIX LAB
fri AJWT ACN CA MS DAA ACN CRT
sat MS AJWT CA UP CRT


Pinterest
Youtube
Instagram