0% found this document useful (0 votes)
16 views17 pages

Order ListUnorder List

The document discusses ordered and unordered lists in HTML. It describes the <ol> and <ul> tags and their attributes like type and start. It also covers nesting tags and lists.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
16 views17 pages

Order ListUnorder List

The document discusses ordered and unordered lists in HTML. It describes the <ol> and <ul> tags and their attributes like type and start. It also covers nesting tags and lists.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 17

ORDER LIST/UNORDER LIST

ORDER LIST
ORDER LIST
 You can present data in enumerated format disc or list.
The first type of list is the Ordered list or more know as
numbered list. This is the type of a list where each item
is numbered usually starting at 1 (but can change using
the start attribute).
 The ordered list uses the container tag <ol> </ol>. Each
item is specified by the empty tag
HTML CODE
OUTPUT
The order list has different types of numbering and can be
specified by keying the specified value for the type of
attribute:

 1 for regular numbering


 a for lowercase alphabet

 A for uppercase alphabet

 i for lowercase Roman Numerical

 I for uppercase Roman Numerical


ATTRIBUTE FOR <OL> </OL>

Attributes DEFINITION VALUES


Type Indicates the type of numbering to 1,a,A,i, I
be used in the list
EXAMPLE: <ol type=‘A’>
Start Indicates the value or number of Any number
the first item in the list
EXAMPLE: <ol type=‘1’ start=‘3’
UNORDER LIST
 This type of list is that enumerate each item is not
numbered but rather bulleted and uses the container tag
<ul> </ul>. Like the ordered list, each item in this list is
specified by empty tag </li>
HTML CODE
OUTPUT
 The unordered list has different types of bullet to be used
and can be specified by keying the specified value for the
type attribute:

 Disc for round bullets for example<ul type=“disk”>


 Circle for circular bullets, for example <ul type=“circle”>

 Square for square bullets, for example <ul type=“square”>

Attributes Definition Values


Type Indicates the type of bullets to Disc, circle, square
be used in the list
NESTING TAGS
 Using a tag within a tag like <b> <i> <u>. This display a
text in boldface, italic and underline.

 Just remember that when you nest these tags, close the
one you opened recently before closing another one.
HTML CODE
OUTPUT
NESTING LIST
 is a list that appears as an element in another list.

 For example you can put an ordered list within


unordered list in order to created a multiple- level list
HTML CODE
OUTPUT

You might also like