Está en la página 1de 2

INDUSTRIAL TRAINING INSTITUTE ____________

F:TRG:08 DEMONSTRATION PLAN


S.I. Name : Sem No. :1 Week No. :
Syllabus year : 2014 Unit/Block No.: Lesson no. :
Trade : COPA Date : Demo no :
ht

Aim : Create tables with html


Objectives : At the end of this student will be able to
tp

 Create table with HTML


://

 Add heading to the table


 Add Cell padding and cell spacing
w

 Change table size and add color to the table


ww

Aids : Computer System and its Accessories.


Preparation :
.bi

(a) Material :
(b) Tools & Equipment : Working Computer System with Accessories
tso P

(c) Other Requirements : Power Supply 230 volts


Review : HTML is a markup language for describing web documents (web pages).
fc R

Link : Hyper Text Markup Language is language which is used to create web pages. Web
om G

Browser like Internet Explorer, Netscap navigator are used to view this HTML files.
Motivation :HTML is useful to create web page, web application. Using HTML user can view or
put images, data, videos etc. at online.
pu an

Presentation:
Procedure(Do) Questions/Hints
ter go

Create table in HTML:  The text between


 Boot the computer <p> and </p>
.bl da

 Open notepad and type following code describes a


<html> paragraph
og

<head>  The <hr/> tag is


sp

<title> used to create a


Bits of Computer-COPA horizontal rule
o

(line) across the


</title>
t.c

browser page.
</head>
 Rules are often used
om

<body>
to separate sections
<table style="width:100%;height:50px;padding:5px;text-align:center" of a document,
border="1">
/p

 HTML <q> for


<caption>Monthly savings</caption> Short Quotations
/co

<tr>
<th>Firstname</th>
pa

<th>Lastname</th>
<th>Points</th>
.ht

</tr>
m

<tr>
<td>Jill</td>
l

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

<td>80</td>
tp

</tr>
://

</table></body>
</html>
w

 Save notepad text file as table.html


ww

 Open heading.html using browser


 Output will be as follow:
.bi
tso P
fc R
om G
pu an

Output
ter go

Application:
Summary:
.bl da

 Use the HTML <table> element to define a table


 Use the HTML <tr> element to define a table row
og

 Use the HTML <td> element to define a table data


 Use the HTML <th> element to define a table heading
sp

 Use the HTML <caption> element to define a table caption


o

 Use the CSS border property to define a border


t.c

 Use the CSS border-collapse property to collapse cell borders


 Use the CSS padding property to add padding to cells
om

 Use the CSS text-align property to align cell text


/p

Assignment :
• Create table which display your subject and marks of 10th standard and save as yournam.html
/co
pa

Next Demonstration:
.ht
m
l