Scribd
Upload
979 views5 pages

Web - Time Table Practical

The document describes using HTML to create a school timetable. It provides HTML code to generate a table with columns for periods of the day and rows for days of the week. The code assigns different school subjects to each cell to display the weekly schedule. It also includes output describing the functions of various HTML table attributes used in the code like align, border, colspan, rowspan, and others.

Uploaded by

Thomisy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
979 views5 pages

Web - Time Table Practical

The document describes using HTML to create a school timetable. It provides HTML code to generate a table with columns for periods of the day and rows for days of the week. The code assigns different school subjects to each cell to display the weekly schedule. It also includes output describing the functions of various HTML table attributes used in the code like align, border, colspan, rowspan, and others.

Uploaded by

Thomisy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

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.

You might also like