7/30/2019 2_HTML LIST

1/5

HTML List

===============================================

HTML List is of two types

Ordered list

UnOrdered list

Ordered List

===============================================

- An ordered list starts with the tag. Each list item starts

with the tag.

- The list items are marked with numbers.

Syntax:

=====

Java

< li>Testing

Output

=====

1.Java

2.Testing

Unordered List

===============================================

-An unordered list starts with the tag. Each list item starts

with the tag.

-The list items are marked with bullets (typically small black

circles).

7/30/2019 2_HTML LIST

2/5

Example

======List1

List2

List3

Html Definition List

==============================================

-A definition list is a list of items, with a description of each item.

-The tag defines a definition list.

-The tag is used in conjunction with (defines the item

in the list) and (describes the item in the list):

eg:

==

Coffee

- black hot drink

Milk

- white cold drink

7/30/2019 2_HTML LIST

3/5

Examples

======

Ordered List

HTML-CODE EXPLANATION / EXAMPLE

text

texttext

Makes a numbered list using the

default number type:

1. text2. text3. text

Starts a numbered list, first #

being 5.

5. This is one line6. This is another line7. And this is the final line

Starts a numbered list, usingcapital letters.

A. This is one lineB. This is another lineC. And this is the final line

Starts a numbered list, using small

letters.

a. This is one lineb. This is another linec. And this is the final line

Starts a numbered list, usingcapital roman numbers.

I. This is one line

7/30/2019 2_HTML LIST

4/5

II. This is another lineIII. And this is the final line

Starts a numbered list, using small

roman numbers.

i. This is one lineii. This is another lineiii. And this is the final line

Starts a numbered list, usingnormal numbers.

1. This is one line2. This is another line3. And this is the final line

An example of how type and start

can be combined.

II. This is one lineIII. This is another lineIX.

And this is the final line

7/30/2019 2_HTML LIST

5/5

UnOrdered List:

HTML-CODE EXPLANATION / EXAMPLE

texttext

text

Makes a bulleted list using thedefault bullet type:

text text text

Starts a bulleted list using discs as

bullets:

This is one line This is another line And this is the final line

Starts a bulleted list using circlesas bullets:

o This is one lineo This is another lineo And this is the final line

Starts a bulleted list using squaresas bullets:

This is one line This is another line And this is the final line