Scribd
Upload
684 views

P R Gangoda: Industrial Training Institute - Demonstration Plan

This document provides instructions for creating ordered and unordered lists in HTML. It explains how to use the <ul> and <ol> tags to define unordered and ordered lists, respectively. It also describes how to use the style and type attributes to control the bullet style for unordered lists and numbering style for ordered lists. Students are assigned to create an HTML file with an unordered list of games and an ordered list of movies as an example.

Uploaded by

rakesh19865
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
684 views

P R Gangoda: Industrial Training Institute - Demonstration Plan

This document provides instructions for creating ordered and unordered lists in HTML. It explains how to use the <ul> and <ol> tags to define unordered and ordered lists, respectively. It also describes how to use the style and type attributes to control the bullet style for unordered lists and numbering style for ordered lists. Students are assigned to create an HTML file with an unordered list of games and an ordered list of movies as an example.

Uploaded by

rakesh19865
Copyright
© © All Rights Reserved
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 : P.R.GANGODA Sem No. :1 Week No. :
Syllabus year : 2014 Unit/Block No.: Lesson no. :
Trade : COPA Date : Demo no :
ht

Aim : Create List in html


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

 Create an unordered list in an html page


://

 Create an ordered list in an html page.


w

Aids : Computer System and its Accessories.


ww

Preparation :
(a) Material :
(b) Tools & Equipment : Working Computer System with Accessories
.bi

(c) Other Requirements : Power Supply 230 volts


Review : HTML is a markup language for describing web documents (web pages).
tso P

Link : Hyper Text Markup Language is language which is used to create web pages. Web
Browser like Internet Explorer, Netscap navigator are used to view this HTML files.
fc R

Motivation :HTML is useful to create web page, web application. Using HTML user can view or
put images, data, videos etc. at online.
om G

Presentation:
Procedure(Do) Questions/Hints
pu an

Creat list in html: For unordered list


 Boot the computer
ter go

 Open notepad and type following code


<html> Style Description
.bl da

list-style- The list


<head> type:disc items will
<title>
og

be marked
Bits of Computer-COPA with bullets
sp

</title> (default)
list-style- The list
</head>
o

type:circle items will


<body>
t.c

be marked
<h1> Un ordered list </h1> with circles
om

<ul style="list-style-type:disc"> list-style- The list


type:square items will
<li>Coffee</li>
be marked
/p

<li>Tea</li> with
<li>Milk</li> squares
/co

</ul> list-style- The list


type:none items will
<hr/>
pa

not be
<h1> Ordered list</h1> marked
<ol type="1">
.ht

<li>Coffee</li>
m

<li>Tea</li>
<li>Milk</li>
l

</ol>
</body>
</html>

 Save notepad text file as list.html


For ordered list
 Open heading.html using browser
 Output will be as follow: Type Description
type="1" The list items
will be
numbered
with numbers
(default)
type="A" The list items
ht

will be
numbered
tp

with
://

uppercase
letters
w

type="a" The list items


will be
ww

numbered
with
lowercase
.bi

letters
type="I" The list items
tso P

will be
numbered
Output
fc R

with
uppercase
om G

roman
numbers
type="i" The list items
pu an

will be
numbered
ter go

with
lowercase
.bl da

roman
numbers
og

Application:
Summary:
sp

 Use the HTML <ul> element to define an unordered list


 Use the HTML style attribute to define the bullet style
o

 Use the HTML <ol> element to define an ordered list


t.c

 Use the HTML type attribute to define the numbering type


om

 Use the HTML <li> element to define a list item

Assignment :
/p

• Create unordered list which display your favorite game name in html and save as game.html.
/co

• Create ordered list which display your favorite movie name in html and save as movie.html.
pa

Next Demonstration:
.ht
m
l

You might also like