0% found this document useful (0 votes)
40 views3 pages

My First Page: File:///C:/Inetpub/Wwwroot/Classb - HTM 1/3

This document discusses ordered and unordered lists in HTML. It provides examples of how to create ordered lists using numeric, alphabetic, and roman numeric numbering. It also demonstrates how to create unordered lists and customize the bullet style using CSS.

Uploaded by

KNIPSS MBA
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
0% found this document useful (0 votes)
40 views3 pages

My First Page: File:///C:/Inetpub/Wwwroot/Classb - HTM 1/3

This document discusses ordered and unordered lists in HTML. It provides examples of how to create ordered lists using numeric, alphabetic, and roman numeric numbering. It also demonstrates how to create unordered lists and customize the bullet style using CSS.

Uploaded by

KNIPSS MBA
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/ 3

My First Page

This is my first page.

This is the footer - all rights are reserved to me.

Lists HTML provides a way to create both an ordered list (with elements counting up, 1, 2, 3...) and an unordered list
with bullets instead of numbers. Lists are a good way to formalize a list of items and let the HTML styling do the work for
you. Ordered lists Here is an example of how to create an ordered list:

Here is a list of ordered items:

1. First item
2. Second item
3. Third item

Ordered lists have a "type" attribute which defines the numbering convention to use. To count using numbers, use
type="1":

Here is a list of ordered items:

1. First item
2. Second item
3. Third item

To count using uppercase letters, use type="A":

Here is a list of ordered items:

A. First item
B. Second item
C. Third item

To count using lowercase letters, use type="a":

Here is a list of ordered items:

a. First item
b. Second item
c. Third item

To count using uppercase roman numerals, use type="I":

Here is a list of ordered items:

I. First item

file:///C:/Inetpub/wwwroot/classB.htm 1/3
II. Second item
III. Third item

To count using lowercase roman numerals, use type="i":

Here is a list of ordered items:

i. First item
ii. Second item
iii. Third item

Unordered lists Here is an example of how to create an unordered list:

Here is a list of unordered items:

First item
Second item
Third item

To change the list style attributes, we can use the CSS attribute called list-style-type. The available types are: disc circle
square none Here is an example of the disc list style type:

Here is a list of unordered items:

First item
Second item
Third item

Here is an example of the circle list style type:

Here is a list of unordered items:

First item
Second item
Third item

Here is an example of the square list style type:

Here is a list of unordered items:

First item
Second item
Third item

Here is an example of the none list style type:

Here is a list of unordered items:

First item

file:///C:/Inetpub/wwwroot/classB.htm 2/3
Second item
Third item

file:///C:/Inetpub/wwwroot/classB.htm 3/3

You might also like