Académique Documents
Professionnel Documents
Culture Documents
PURPOSE: The following exercises are designed to give you practice in creating HTML Tables.
CONDITIONS OR SITUATIONS FOR THE OPERATION: In the Computer laboratory, given the complete
PC unit you are required to create a table in 60 Minutes.
EQUIPMENT, TOOLS AND MATERIALS: Complete PC unit, Activity Sheet
Practical Activity:
CODE#1. MyTable.html
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td
{
border-collapse:collapse;
border:1px solid black;
}
th, td
{
padding:15px;
}
</style>
</head>
<body>
<table style="width:300px">
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
<p>Try to change the padding to 5px.</p>
</body>
</html>
<table style="width:300px">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Points</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
</body>
</html>
<table style="width:300px">
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
</body>
</html>
ACTIVITY:
Create your “own blog site” based on what you have learned on our previous topics.
QUALITY CRIETERIA: Undertake final inspections to ensure the design webpage conform to requirements
SCORING
CRITERIA
1 2 3 4 5
1. Familiarized the usage of HTML codes
2. On time submission of work to be done
3. Observe rules and regulations inside the computer laboratory
4.
5.
6.
7.
8.
9.
10.
REMARKS: Equivalent to:
□ QUIZ No. _____
□ RECITATION No.
____ GRADE:
□ NONE
5 - Excellently Performed
4 - Very Satisfactorily Performed
3 - Satisfactorily Performed
2 - Fairly Performed
1 - Poorly Performed
_________________________________
INSTRUCTOR
Date: