ADEWUYI OLUWATOSIN OLUWASEUN
WEB PRACTICAL (TIME TABLE)
TOPIC: Using HTML to create school time table
CODES
<html>
<body>
<h1>TIME TABLE</h1>
<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">Eng</td>
<td align="center" height="50">Mat</td>
<td align="center" height="50">Che</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">Phy</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">Eng</td>
<td align="center" height="50">Che</td>
<td align="center" height="50">Mat</td>
<td align="center" height="50">SPORTS</td>
</tr>
<tr>
<td align="center" height="50">
<b>Wednesday</b>
</td>
<td align="center" height="50">Mat</td>
<td align="center" height="50">phy</td>
<td align="center" height="50">Eng</td>
<td align="center" height="50">Che</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">Phy</td>
<td align="center" height="50">Eng</td>
<td align="center" height="50">Che</td>
<td colspan="3" align="center"
height="50">LAB
</td>
<td align="center" height="50">Mat</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">Mat</td>
<td align="center" height="50">Che</td>
<td align="center" height="50">Eng</td>
<td align="center" height="50">Phy</td>
</tr>
<tr>
<td align="center" height="50">
<b>Saturday</b>
</td>
<td align="center" height="50">Eng</td>
<td align="center" height="50">Che</td>
<td align="center" height="50">Mat</td>
<td colspan="3" align="center"
height="50">SEMINAR
</td>
<td align="center" height="50">SPORTS</td>
</tr>
</table>
</body>
</html>
OUTPUT
GIVE THE FUNCTIONS OF THESE TAGS BELOW:
ALIGN: Align or alignment is a term used to describe how text is placed on the screen. For
example, left-aligned text creates a straight line of text on the left side of the page (like this
paragraph). Text can be aligned along the edge of a page, cell, div, table, or another visible
or non-visible line.
BORDER: The purpose of the HTML border attribute is to set a visible border width for a
table. Supported elements: HTML border attribute supports table element. Syntax <table
border="value" >.....</table>
BGCOLOR: The HTML bgcolor attribute is used to set the background color of an HTML
element. Bgcolor is one of those attributes that has become deprecated with the
implementation of Cascading Style Sheets (see CSS Backgrounds). Syntax: <”tag”
bgcolor=”value”>
COLSPAN: The colspan attribute in HTML specifies the number of columns a cell should
span. It allows the single table cell to span the width of more than one cell or column. It
provides the same functionality as “merge cell” in a spreadsheet program like Excel.
Usage: It can be used with <td> and <th> element while creating an HTML Table.
ROWSPAN: The HTML rowspan attribute define the number of rows a cell of a table should
span in an HTML document. It can only be applied on td or th HTML element.
HEIGHT: The HTML <td> height Attribute is used to specify the height of the table cell. If
the <td> height attribute is not set then it takes default height according to content.
CELLSPACING: The purpose of the HTML cellspacing attribute is to set a spacing between
table cells. Supported elements: HTML cellspacing attribute supports table element. Syntax:
<table cellspacing="value" >.....</table>
CELLPADDING: Cellpadding (along with cellspacing) is a term used in the computer
languageHTML which stands for Hypertext Markup Language. When used in conjunction
with the table element, it specifies the amount of space between the border of a table cell
and its contents.
BACKGROUND: The background attribute can also be used to control the background of
an HTML element, specifically page body and table backgrounds. You can specify an image
to set background of your HTML page or table.
WIDTH: The width attribute specifies the width of the <input> element. Note: The width
attribute is used only with <input type="image"> . Tip: Always specify both the height and
width attributes for images. If height and width are set, the space required for the image is
reserved when the page is loaded.
