[go: up one dir, main page]
Scribd
Upload
126 views2 pages

HTML-Create Tables With HTML - BITSOFCOMPUTER

The document provides instructions on how to create an HTML table, including how to add headings, cells, padding, borders, and colors. It outlines steps to open Notepad, type HTML code to define a table with rows and cells of data, and view the output in a browser. The demonstration aims to teach students how to structure data in an HTML table for displaying information on a web page.

Uploaded by

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

HTML-Create Tables With HTML - BITSOFCOMPUTER

The document provides instructions on how to create an HTML table, including how to add headings, cells, padding, borders, and colors. It outlines steps to open Notepad, type HTML code to define a table with rows and cells of data, and view the output in a browser. The demonstration aims to teach students how to structure data in an HTML table for displaying information on a web page.

Uploaded by

Rakesh Maurya
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 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

You might also like