Vous êtes sur la page 1sur 4

Unit Know the Basic HTML

Module Knowing the Basic HTML


Page |1
Empowerment Technologies
ICT11-PT Units: 4.0
(Etech) ICT for Professional Tracks
STUDENT NAME: __________________________________ SECTION: _________

ACTIVITY SHEET PR-5.1.1


ACTIVITY TITLE: Create HTML Tables

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>

PREPARED BY: APPROVED BY:


1st MR. TOM DEREK T. SEGARRA MR. WILBERT A. MAÑUSCA
WEEK 5
Quarter Instructor School Administrator
Unit Know the Basic HTML
Module Knowing the Basic HTML
Page |2
Empowerment Technologies
ICT11-PT Units: 4.0
(Etech) ICT for Professional Tracks
CODE#2. MyTable2.html
<!DOCTYPE html>
<html>
<head>
<style>
table,th,td
{
border:1px solid black;
border-collapse:collapse;
}
th,td
{
padding:5px;
}
th
{
text-align:left;
}
</style>
</head>
<body>

<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>

PREPARED BY: APPROVED BY:


1st MR. TOM DEREK T. SEGARRA MR. WILBERT A. MAÑUSCA
WEEK 5
Quarter Instructor School Administrator
Unit Know the Basic HTML
Module Knowing the Basic HTML
Page |3
Empowerment Technologies
ICT11-PT Units: 4.0
(Etech) ICT for Professional Tracks
CODE#8. MyTable3.html
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td
{
border:1px solid black;
padding:5px;
}
table
{
border-spacing: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 spacing to 5px.</p>

</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

ASSESSMENT METHOD: HANDS ON ACTIVITY

PREPARED BY: APPROVED BY:


1st MR. TOM DEREK T. SEGARRA MR. WILBERT A. MAÑUSCA
WEEK 5
Quarter Instructor School Administrator
Unit Know the Basic HTML
Module Knowing the Basic HTML
Page |4
Empowerment Technologies
ICT11-PT Units: 4.0
(Etech) ICT for Professional Tracks

STUDENT NAME: __________________________________ SECTION: _________

Performance Score Card – Activity SheetPR-2.1.1

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:

PREPARED BY: APPROVED BY:


1st MR. TOM DEREK T. SEGARRA MR. WILBERT A. MAÑUSCA
WEEK 5
Quarter Instructor School Administrator

Vous aimerez peut-être aussi